UNPKG

@vela-ui/react

Version:

Vela UI React components

42 lines (39 loc) 1.14 kB
import { Description, FieldError, Label } from "./chunk-FFLNGARZ.mjs"; import { composeTailwindRenderProps } from "./chunk-OCN72JL6.mjs"; // src/components/checkbox-group.tsx import { CheckboxGroup as AriaCheckboxGroup, composeRenderProps } from "react-aria-components"; import { Fragment, jsx, jsxs } from "react/jsx-runtime"; function CheckboxGroupRoot({ className, ...props }) { return /* @__PURE__ */ jsx( AriaCheckboxGroup, { "data-slot": "checkbox-group", className: composeTailwindRenderProps(className, "group flex flex-col gap-2"), ...props } ); } function CheckboxGroup({ children, label, description, errorMessage, ...props }) { return /* @__PURE__ */ jsx(CheckboxGroupRoot, { ...props, children: composeRenderProps(children, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [ label && /* @__PURE__ */ jsx(Label, { children: label }), children2, description && /* @__PURE__ */ jsx(Description, { children: description }), /* @__PURE__ */ jsx(FieldError, { children: errorMessage }) ] })) }); } export { CheckboxGroupRoot, CheckboxGroup };