import { cx as e } from "../../theme/tools.js";
import { contentPulse as t, contentRoot as n, label as r, pagePulse as i, pageRoot as a } from "./routeFallback.css.js";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
import { useTranslation as c } from "react-i18next";
//#region src/components/routing/RouteFallback.tsx
function l({ label: l, className: u, variant: d = "content" }) {
	let { t: f } = c("ui"), p = l ?? f("common.loading"), m = n, h = t;
	return d === "page" && (m = a, h = i), /* @__PURE__ */ s("div", {
		className: e(m, u),
		role: "status",
		"aria-live": "polite",
		"aria-busy": "true",
		children: [/* @__PURE__ */ o("div", { className: h }), /* @__PURE__ */ o("p", {
			className: r,
			children: p
		})]
	});
}
//#endregion
export { l as RouteFallback, l as default };

//# sourceMappingURL=RouteFallback.js.map