/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/blocks/Unauthorized/Unauthorized.tsx
function Unauthorized({ homeUrl = "/", variant = "large" }) {
	const isSmall = variant === "small";
	return /* @__PURE__ */ jsxs("div", {
		className: `text-center ${isSmall ? "py-8" : "py-20"} bg-red-500 text-white`,
		children: [
			/* @__PURE__ */ jsxs("div", {
				className: "inline-flex items-center justify-center p-2",
				children: [/* @__PURE__ */ jsx("svg", {
					xmlns: "http://www.w3.org/2000/svg",
					className: `${isSmall ? "h-6 w-6" : "h-8 w-8"} animate-bounce`,
					fill: "none",
					viewBox: "0 0 24 24",
					stroke: "currentColor",
					children: /* @__PURE__ */ jsx("path", {
						strokeLinecap: "round",
						strokeLinejoin: "round",
						strokeWidth: 2,
						d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
					})
				}), /* @__PURE__ */ jsx("h1", {
					className: `${isSmall ? "text-2xl" : "text-4xl"} font-extrabold ml-2`,
					children: "Unauthorized"
				})]
			}),
			/* @__PURE__ */ jsx("p", {
				className: `${isSmall ? "text-md" : "text-lg"} mt-2`,
				children: "Uh-oh! It looks like you do not have the right permissions to view this content."
			}),
			!isSmall && /* @__PURE__ */ jsx("p", {
				className: "text-md my-6",
				children: "If you believe this is an error, please contact support."
			})
		]
	});
}
//#endregion
export { Unauthorized };

//# sourceMappingURL=Unauthorized.js.map