import { v as u } from "./vendor-preact-DThS2ZQ_.js";
import { r as Spacer } from "./loadingIcon-B0ysgiNq.js";
import { t as Page } from "./page-DidH_RkX.js";
import { t as AutoFocusTitle } from "./autoFocusTitle-CuRu2lPg.js";
//#region src/shared/statusPage/statusPage.tsx
var StatusPage = ({ variant, icon, title, subtitle, hideFooterBranding }) => /* @__PURE__ */ u(Page, {
	className: `IncodeStatusPage IncodeStatusPage--${variant}`,
	hideFooterBranding,
	children: /* @__PURE__ */ u("div", {
		class: "IncodeStatusPageContainer",
		role: variant === "loading" ? "status" : void 0,
		"aria-live": variant === "loading" ? "polite" : void 0,
		children: [
			icon,
			/* @__PURE__ */ u(Spacer, { size: 16 }),
			/* @__PURE__ */ u(AutoFocusTitle, {
				className: "IncodeStatusPageTitle",
				children: title
			}, variant),
			subtitle && /* @__PURE__ */ u("p", {
				class: "IncodeStatusPageSubtitle",
				children: subtitle
			})
		]
	})
});
//#endregion
export { StatusPage as t };
