@payfit/unity-components/dist/esm/components/collapsible/parts/CollapsibleContent.js

import { useResponsiveValue as e } from "../../../hooks/use-responsive-value.js";
import { collapsibleContent as t } from "../Collapsible.variants.js";
import { forwardRef as n } from "react";
import { jsx as r } from "react/jsx-runtime";
import { DisclosurePanel as i } from "react-aria-components/Disclosure";
//#region src/components/collapsible/parts/CollapsibleContent.tsx
var a = n(({ children: n, leftMargin: a = "$400", ...o }, s) => {
	let c = e(a);
	return /* @__PURE__ */ r(i, {
		ref: s,
		"data-dd-privacy": "allow",
		...o,
		className: t(),
		children: /* @__PURE__ */ r("div", {
			className: "uy:typography-body uy:ml-(--uy-collapsible-content-left-margin)",
			style: { "--uy-collapsible-content-left-margin": `var(--uy-spacing-${c.replace("$", "")})` },
			children: n
		})
	});
});
a.displayName = "CollapsibleContent";
//#endregion
export { a as CollapsibleContent };