app/unauthorized/page.tsx

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

export default function UnauthorizedPage() {
    return (
        <div className="flex min-h-screen items-center justify-center bg-muted/50 p-4">
            <Card className="w-full max-w-md border-destructive/50">
                <CardHeader>
                    <CardTitle className="text-2xl font-bold text-destructive">Access Denied</CardTitle>
                    <CardDescription>
                        You do not have permission to view this page.
                    </CardDescription>
                </CardHeader>
                <CardContent>
                    <p className="text-sm text-muted-foreground">
                        Please contact your administrator if you believe this is an error.
                    </p>
                </CardContent>
                <CardFooter className="flex justify-center gap-4">
                    <Button asChild variant="outline">
                        <Link href="/admin/dashboard">Return to Dashboard</Link>
                    </Button>
                    <Button asChild variant="default">
                        <Link href="/admin/login">Login with different account</Link>
                    </Button>
                </CardFooter>
            </Card>
        </div>
    )
}