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

The Cerberus Design React component library.

'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const index = require('../../utils/index.cjs');
const parts = require('./parts.cjs');

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

exports.Fieldset = Fieldset;