import { cn } from "./cva.js";
import * as React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/Card.tsx
function Card({ header, footer, children, padded = true, className }) {
	const headingId = React.useId();
	const pad = padded ? "p-4" : "";
	return /* @__PURE__ */ jsxs("article", {
		"aria-labelledby": header != null ? headingId : void 0,
		className: cn("rounded-lg border border-border bg-surface text-fg", className),
		children: [
			header != null ? /* @__PURE__ */ jsx("header", {
				id: headingId,
				className: cn("border-b border-border", pad),
				children: header
			}) : null,
			/* @__PURE__ */ jsx("div", {
				className: pad,
				children
			}),
			footer != null ? /* @__PURE__ */ jsx("footer", {
				className: cn("border-t border-border", pad),
				children: footer
			}) : null
		]
	});
}
//#endregion
export { Card };
