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