import { Button, PageHeader, SectionCard } from "@/components/ui";
import { getLocale, getTranslator } from "@/lib/i18n";

export default async function UnauthorizedPage() {
  const t = getTranslator(await getLocale());

  return (
    <main className="min-h-screen bg-background px-6 py-16">
      <div className="mx-auto w-full max-w-2xl rounded-[1.5rem] bg-surface-container-lowest p-4 shadow-card md:p-8">
        <PageHeader title={t("pages", "unauthorized_title")} description={t("pages", "unauthorized_desc")} />
        <div className="mt-8">
          <SectionCard title={t("pages", "unauthorized_subtitle")}>
            <p className="text-sm text-on-surface-variant">{t("pages", "unauthorized_desc")}</p>
            <div className="mt-4">
              <Button href="/login">{t("common", "back_to_login")}</Button>
            </div>
          </SectionCard>
        </div>
      </div>
    </main>
  );
}