UNPKG

@stanfordspezi/spezi-web-design-system

Version:

Stanford Biodesign Digital Health Spezi Web Design System

2 lines (1 loc) 744 B
"use strict";const a=require("react/jsx-runtime"),C=require("./index-Df0u7aLq.js"),k=require("./Checkbox-BlUQ7b7F.js"),m=require("./SideLabel-DZB5B2or.js"),p=require("./index-DwV9MiDB.js"),v=({options:r,value:s,onChange:u,defaultValue:n=[],className:o,direction:d="column",...t})=>{const[l,x]=C.useControllableState({prop:s,defaultProp:n,onChange:u,caller:"CheckboxGroup"}),i=(e,c)=>{const b=c?[...l,e]:l.filter(h=>h!==e);x(b)};return a.jsx("div",{role:"group",className:p.cn("flex gap-x-4 gap-y-2",d==="column"?"flex-col":"flex-wrap",o),...t,children:r.map(e=>a.jsx(m.SideLabel,{label:e.label,children:a.jsx(k.Checkbox,{checked:l.includes(e.value),disabled:e.disabled,onCheckedChange:c=>i(e.value,!!c)})},e.value))})};exports.CheckboxGroup=v;