@vela-ui/react
Version:
Vela UI React components
42 lines (39 loc) • 1.14 kB
JavaScript
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
};