@payfit/unity-components
Version:
39 lines (38 loc) • 1.47 kB
JavaScript
import { SelectableCardRadioGroup as e } from "../selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
import { FormHelperText as t } from "../form-field/parts/FormHelperText.js";
import { FormField as n } from "../form-field/FormField.js";
import { FormControl as r } from "../form-field/parts/FormControl.js";
import { FormFeedbackText as i } from "../form-field/parts/FormFeedbackText.js";
import { FormLabel as a } from "../form-field/parts/FormLabel.js";
import { forwardRef as o } from "react";
import { jsx as s, jsxs as c } from "react/jsx-runtime";
import { useFormContext as l } from "react-hook-form";
//#region src/components/selectable-card-radio-group-field/SelectableCardRadioGroupField.tsx
var u = o(({ children: o, name: u, isRequired: d, requiredVariant: f, label: p, helperText: m, feedbackText: h, ...g }, _) => {
let { control: v } = l();
return /* @__PURE__ */ c(n, {
isRequired: d,
control: v,
name: u,
className: "uy:gap-150",
children: [
/* @__PURE__ */ c("div", {
className: "uy:flex-col uy:gap-50",
children: [/* @__PURE__ */ s(a, {
requiredVariant: f,
children: p
}), /* @__PURE__ */ s(t, { children: m })]
}),
/* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(e, {
ref: _,
name: u,
...g,
children: o
}) }),
/* @__PURE__ */ s(i, {})
]
});
});
u.displayName = "SelectableCardRadioGroupField";
//#endregion
export { u as SelectableCardRadioGroupField };