import type {Route} from "next";
import Link from "next/link";
import {Button} from "@/components/ui/button";
import {Card, CardContent, CardDescription, CardHeader, CardTitle} from "@/components/ui/card";

type UnauthorizedPageProps = {
  params: Promise<{locale: string}>;
};

export default async function UnauthorizedPage({params}: UnauthorizedPageProps) {
  const {locale} = await params;

  return (
    <main className="mx-auto flex min-h-screen max-w-lg items-center px-6 py-12">
      <Card className="w-full">
        <CardHeader>
          <CardTitle>Unauthorized</CardTitle>
          <CardDescription>You do not have permission to access this page or tenant context.</CardDescription>
        </CardHeader>
        <CardContent className="flex gap-3">
          <Link href={`/${locale}` as Route}>
            <Button>Go home</Button>
          </Link>
          <Link href={`/${locale}/auth/sign-in` as Route}>
            <Button variant="outline">Sign in again</Button>
          </Link>
        </CardContent>
      </Card>
    </main>
  );
}