import { t as e } from "../../utils-B7XIe3qq.js";
import "react";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region src/react/primitives/empty-state.tsx
function r({ className: r, icon: i, title: a, description: o, action: s, children: c, ...l }) {
	return /* @__PURE__ */ n("div", {
		"data-slot": "empty-state",
		className: e("flex flex-col items-center justify-center px-6 py-12 text-center", r),
		...l,
		children: [
			i && /* @__PURE__ */ t("div", {
				className: "mb-4 text-foreground-muted [&>svg]:size-12 [&>svg]:stroke-1",
				children: i
			}),
			/* @__PURE__ */ t("h3", {
				className: "text-base font-semibold text-foreground",
				children: a
			}),
			o && /* @__PURE__ */ t("p", {
				className: "mt-1.5 max-w-sm text-sm text-foreground-secondary",
				children: o
			}),
			s && /* @__PURE__ */ t("div", {
				className: "mt-5",
				children: /* @__PURE__ */ t("button", {
					type: "button",
					onClick: s.onClick,
					className: e("inline-flex items-center justify-center gap-2 rounded-xl px-[18px] py-[10px] text-[13px] font-semibold transition-all duration-[250ms]", "bg-primary text-primary-foreground shadow-glow hover:bg-primary/90 hover:-translate-y-0.5"),
					children: s.label
				})
			}),
			c && /* @__PURE__ */ t("div", {
				className: "mt-5",
				children: c
			})
		]
	});
}
//#endregion
export { r as EmptyState };

//# sourceMappingURL=empty-state.js.map