import{j as s,r as i}from"./vendor-react-wBh_31cN.js";import{R as c,d as l}from"./index-BKr2rJhV.js";import{S as d}from"./separator-2OqrG5Vy.js";const p={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4"},x=({cols:o=3,label:e,children:a,className:r})=>s.jsxs("div",{className:l("flex flex-col gap-3",r),children:[e&&s.jsx(c,{bold:!0,gray:!0,children:e}),s.jsx("div",{className:l("grid gap-x-8 gap-y-5",p[o]),children:a})]}),n=({children:o,className:e})=>{const a=i.Children.toArray(o).filter(Boolean);return s.jsx("div",{className:l("flex flex-col gap-5",e),children:a.flatMap((r,t)=>t>0?[s.jsx(d,{},`sep-before-${r.key??t}`),r]:[r])})};x.Group=n;export{x as F};
