import{r as o,b as l,j as s,F as d}from"./index-DtyjNqrf.js";import{c as p,s as u,d as x}from"./Feature-VsMzzVJz.js";const j=o.memo(i=>{const{children:c,feature:e,deviceValue:a}=i,n=e.unit,t=o.useMemo(()=>p(e.name,a,n),[n,e.name,a]),{t:m}=l("zigbee"),r=e.name==="state"?e.property:e.name;return s.jsxs("div",{className:"flex flex-row items-center gap-1 mb-2",children:[s.jsx(d,{icon:t[0],fixedWidth:!0,className:t[1],...t[2]}),s.jsxs("div",{className:"grow-1",title:r,children:[u(x(r)),s.jsx("span",{title:m("endpoint"),children:e.endpoint?` (${e.endpoint})`:null})]}),s.jsx("div",{className:"shrink-1",children:c})]})});export{j as D};
