@cerberus-design/react/dist/components/fieldset/fieldset.js

The Cerberus Design React component library.

import { jsxs, jsx } from 'react/jsx-runtime';
import { splitProps } from '../../utils/index.js';
import { FieldsetParts } from './parts.js';

function Fieldset(props) {
  const [fieldsetProps, { usage }, rootProps] = splitProps(
    props,
    ["legend", "helperText", "errorText", "children"],
    ["usage"]
  );
  return /* @__PURE__ */ jsxs(FieldsetParts.Root, { ...rootProps, children: [
    /* @__PURE__ */ jsx(FieldsetParts.Legend, { usage, children: fieldsetProps.legend }),
    /* @__PURE__ */ jsx(FieldsetParts.HelperText, { usage, children: fieldsetProps.helperText }),
    fieldsetProps.children,
    /* @__PURE__ */ jsx(FieldsetParts.ErrorText, { children: fieldsetProps.errorText })
  ] });
}

export { Fieldset };