import Link from "next/link";

export default function UnauthorizedPage() {
    return (
        <div className="flex h-screen w-full flex-col items-center justify-center bg-gray-50 text-center px-4">
            <div className="max-w-md space-y-6">
                <h1 className="text-6xl font-extrabold tracking-tight text-red-600">403</h1>
                <h2 className="text-3xl font-bold tracking-tight text-gray-900">Acesso Negado</h2>
                <p className="text-gray-500">
                    Você não tem permissão para aceder ao domínio desta organização. Certifique-se de que está no subdomínio correto (ex: sua-empresa.wibix.io).
                </p>
                <div className="pt-4">
                    <Link
                        href="/login"
                        className="inline-flex h-10 items-center justify-center rounded-md bg-zinc-900 px-8 text-sm font-medium text-zinc-50 shadow transition-colors hover:bg-zinc-900/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-zinc-950 disabled:pointer-events-none disabled:opacity-50"
                    >
                        Voltar para o Login
                    </Link>
                </div>
            </div>
        </div>
    );
}