import { cx as e } from "../../../theme/tools.js";
import { Card as t } from "../card/Card.js";
import { actions as n, content as r, description as i, icon as a, root as o, title as s } from "./EmptyState.css.js";
import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
//#region src/atomic/molecules/empty-state/EmptyState.tsx
var d = ({ title: d, description: f, icon: p, actions: m, className: h, variant: g = "framed", density: _ = "default", align: v = "center", tone: y = "neutral", titleAs: b = "h2" }) => {
	let x = null;
	p != null && (x = /* @__PURE__ */ l("div", {
		className: a({ tone: y }),
		children: p
	}));
	let S = b, C = null;
	f != null && (C = /* @__PURE__ */ l("div", {
		className: i({ density: _ }),
		children: f
	}));
	let w = null;
	m != null && (w = /* @__PURE__ */ l("div", {
		className: n({
			density: _,
			align: v
		}),
		children: m
	}));
	let T = /* @__PURE__ */ u(c, { children: [
		x,
		/* @__PURE__ */ l(S, {
			className: s({ density: _ }),
			children: d
		}),
		C,
		w
	] });
	return g === "plain" ? /* @__PURE__ */ l("div", {
		className: e(o({
			variant: g,
			density: _,
			align: v
		}), h),
		children: T
	}) : /* @__PURE__ */ l(t, {
		className: e(o({
			variant: g,
			density: _,
			align: v
		}), h),
		contentClassName: r({
			density: _,
			align: v
		}),
		children: T
	});
};
//#endregion
export { d as EmptyState, d as default };

//# sourceMappingURL=EmptyState.js.map