import{r as d,d3 as x,u,j as t,c as o,$ as p,R as c}from"./index-C4inJ1rU.js";const j=d.memo(function({variant:l="inline",showChannel:r=!0,className:s}){const{active:m,iatas:e}=x(),a=u();if(!m)return null;const n=r&&e.length>0?e.length<=3?e.join(", "):`${e.slice(0,2).join(", ")} +${e.length-2}`:null,i=n?`MQTT · ${n}`:"MQTT";return l==="pill"?t.jsx("span",{onClick:()=>a("/mqtt"),className:o("cursor-pointer",s),children:t.jsxs(p,{color:"cyan",children:[t.jsx(c,{className:"w-3 h-3 mr-1"}),i]})}):t.jsxs("span",{className:o("inline-flex items-center gap-1 text-sys-cyan type-data-xs cursor-pointer","hover:text-sys-cyan/80 transition-colors",s),onClick:()=>a("/mqtt"),title:"MQTT mode active — click to manage",children:[t.jsx(c,{className:"w-3 h-3"}),t.jsx("span",{className:"font-medium",children:i})]})});export{j as M};
