globalThis.process ??= {};
globalThis.process.env ??= {};
import "./rolldown-runtime_-UtK6b3T.mjs";
import { t as require_react } from "./react_BkIQlPcV.mjs";
import { h as require_jsx_runtime, u as cn } from "./registry_CB_IcduS.mjs";
require_react();
var import_jsx_runtime = require_jsx_runtime();
function ErrorState({ code, title, message, action, visual, variant = "page", className }) {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
		className: cn("flex flex-col gap-3", variant === "page" ? "items-center text-center min-h-screen justify-center p-8" : "items-start text-start py-6 px-0", className),
		children: [
			visual != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				"aria-hidden": "true",
				children: visual
			}) : null,
			code != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
				className: "text-sm font-medium text-fg-muted",
				children: code
			}) : null,
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
				className: "text-lg font-semibold text-fg",
				children: title
			}),
			message != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
				className: "text-sm text-fg-muted",
				children: message
			}) : null,
			action != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: action }) : null
		]
	});
}
//#endregion
export { ErrorState as t };
