import { cx as e } from "../../theme/tools.js";
import { content as t, surface as n } from "./Surface.css.js";
import { useId as r } from "react";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
//#region src/components/layout/Surface.tsx
var o = ({ actions: r, ariaLabelledBy: o, as: s = "div", border: c = "subtle", children: l, className: u, contentClassName: d, density: f = "default", description: p, footer: m, radius: h = "lg", title: g, titleAs: _ = "h2", variant: v = "neutral" }) => {
	let y = g != null || p != null || r != null;
	return /* @__PURE__ */ a(s, {
		"aria-labelledby": o,
		className: e(n({
			variant: v,
			density: f,
			border: c,
			radius: h
		}), u),
		children: [
			y && /* @__PURE__ */ a("header", {
				className: "_1e1g2cps txvbqbfpn txvbqbel txvbqblt7 txvbqbhdy",
				children: [(g != null || p != null) && /* @__PURE__ */ a("div", {
					className: "_1e1g2cpt txvbqbfpn txvbqbh4x txvbqbhd8 txvbqbv7x",
					children: [g != null && /* @__PURE__ */ i(_, {
						className: "_1e1g2cpu txvbqbo7v txvbqb9w txvbqbhbf txvbqb1bg1",
						id: o,
						children: g
					}), p != null && /* @__PURE__ */ i("div", {
						className: "_1e1g2cpv txvbqbo7v txvbqb9j txvbqb1bg3",
						children: p
					})]
				}), r != null && /* @__PURE__ */ i("div", {
					className: "_1e1g2cpw txvbqbfpn txvbqbey txvbqblsh txvbqbh7g txvbqbhdl",
					children: r
				})]
			}),
			/* @__PURE__ */ i("div", {
				className: e(t, d),
				children: l
			}),
			m != null && /* @__PURE__ */ i("footer", {
				className: "_1e1g2cpy txvbqbfpn txvbqbh7g txvbqbhdl",
				children: m
			})
		]
	});
}, s = ({ as: e = "section", border: t = "subtle", density: n = "default", radius: a = "lg", title: s, titleAs: c = "h3", variant: l = "neutral", ...u }) => {
	let d = r(), f;
	return s != null && (f = d), /* @__PURE__ */ i(o, {
		...u,
		ariaLabelledBy: f,
		as: e,
		border: t,
		density: n,
		radius: a,
		title: s,
		titleAs: c,
		variant: l
	});
};
//#endregion
export { o as Surface, o as default, s as SurfaceSection };

//# sourceMappingURL=Surface.js.map