"use client";
import { FieldsetLegend, FieldsetRoot } from "./index25.js";
import * as React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/components/molecules/forms/Field/Fieldset.tsx
function Fieldset({ legend, description, children, className, disabled }) {
	const descriptionId = React.useId();
	return /* @__PURE__ */ jsxs(FieldsetRoot, {
		className,
		disabled,
		"aria-describedby": description ? descriptionId : void 0,
		children: [
			legend && /* @__PURE__ */ jsx(FieldsetLegend, { children: legend }),
			description && /* @__PURE__ */ jsx("p", {
				id: descriptionId,
				className: "text-muted-foreground -mt-2 mb-4 text-sm",
				children: description
			}),
			children
		]
	});
}
Fieldset.displayName = "Fieldset";
//#endregion
export { Fieldset };

//# sourceMappingURL=index26.js.map