@payfit/unity-components
Version:
45 lines (44 loc) • 1.47 kB
JavaScript
import { Text as e } from "../text/Text.js";
import { Label as t } from "../label/Label.js";
import { cloneElement as n, forwardRef as r, isValidElement as i } from "react";
import { uyTv as a } from "@payfit/unity-themes";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
import { CheckboxGroup as c } from "react-aria-components/CheckboxGroup";
//#region src/components/checkbox-group/CheckboxGroup.tsx
var l = a({ base: "uy:flex uy:flex-col uy:gap-50" }), u = r(({ label: r, helperText: a, feedbackText: u, isDisabled: d, isReadOnly: f, isInvalid: p, isRequired: m, isLoading: h, children: g, requiredVariant: _, ...v }, y) => /* @__PURE__ */ s(c, {
isDisabled: d,
isReadOnly: f,
isInvalid: p,
isRequired: m,
isLoading: h,
...v,
ref: y,
className: l(),
children: [
r && /* @__PURE__ */ o(t, {
isRequired: m,
requiredVariant: _,
children: r
}),
a && /* @__PURE__ */ o(e, {
variant: "bodySmall",
color: "content.neutral.low",
slot: "description",
children: a
}),
/* @__PURE__ */ o("div", {
className: "uy:mt-100 uy:flex uy:flex-col uy:gap-150 uy:py-25",
"data-dd-privacy": "mask",
children: g
}),
p && (typeof u == "string" ? /* @__PURE__ */ o(e, {
variant: "bodySmallStrong",
color: "content.form.invalid",
slot: "errorMessage",
children: u
}) : i(u) && n(u, { slot: "errorMessage" }))
]
}));
u.displayName = "CheckboxGroup";
//#endregion
export { u as CheckboxGroup, l as checkboxGroup };