@stanfordspezi/spezi-web-design-system
Version:
Stanford Biodesign Digital Health Spezi Web Design System
2 lines (1 loc) • 773 B
JavaScript
;const a=require("react/jsx-runtime"),C=require("./index-BhY3ui5c.js"),k=require("./Checkbox-Dp_uzZ4Y.js"),p=require("./SideLabel-E8M4vT8a.js"),g=require("./index-DwV9MiDB.js"),m=({options:r,value:s,onChange:u,defaultValue:o=[],className:n,direction:t="column",...d})=>{const[l,x]=C.useControllableState({prop:s,defaultProp:o,onChange:u,caller:"CheckboxGroup"}),b=(e,c)=>{const h=c?[...l,e]:l.filter(i=>i!==e);x(h)};return a.jsx("div",{"data-slot":"checkbox-group",role:"group",className:g.cn("flex gap-x-4 gap-y-2",t==="column"?"flex-col":"flex-wrap",n),...d,children:r.map(e=>a.jsx(p.SideLabel,{label:e.label,children:a.jsx(k.Checkbox,{checked:l.includes(e.value),disabled:e.disabled,onCheckedChange:c=>b(e.value,!!c)})},e.value))})};exports.CheckboxGroup=m;