import { cx as e } from "../../../theme/tools.js";
import { card as t, content as n, header as r, title as i } from "./Card.css.js";
import { useMemo as a } from "react";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
//#region src/atomic/molecules/card/Card.tsx
var c = (c) => {
	let { title: l, children: u, headerActions: d, className: f, contentClassName: p } = c, m = a(() => l == null ? null : /* @__PURE__ */ s("div", {
		className: r,
		children: [/* @__PURE__ */ o("span", {
			className: i,
			children: l
		}), d]
	}), [d, l]);
	return /* @__PURE__ */ s("div", {
		className: e(t, f),
		children: [m, /* @__PURE__ */ o("div", {
			className: e(n, p),
			children: u
		})]
	});
};
//#endregion
export { c as Card };

//# sourceMappingURL=Card.js.map