import Link from "next/link";
import { ShieldAlert } from "lucide-react";

export default function UnauthorizedPage() {
  return (
    <div className="flex-1 flex flex-col items-center justify-center py-20 px-4 text-center max-w-md mx-auto">
      <div className="w-12 h-12 rounded bg-rose-50 border border-rose-200 flex items-center justify-center text-rose-600 mb-4">
        <ShieldAlert className="w-6 h-6" />
      </div>
      <h1 className="text-xl font-bold text-slate-900 tracking-tight mb-2">
        Access Restricted
      </h1>
      <p className="text-sm text-slate-600 mb-6 leading-relaxed">
        Your account role does not have authorization to view this institutional section. If you believe this is an error, please contact the Academic Administration department.
      </p>
      <div className="flex gap-3">
        <Link
          href="/"
          className="px-4 py-2 text-xs font-semibold text-slate-700 bg-white border border-slate-300 rounded hover:bg-slate-50 transition-colors"
        >
          Return Home
        </Link>
        <Link
          href="/login"
          className="px-4 py-2 text-xs font-semibold text-white bg-slate-900 rounded hover:bg-slate-800 transition-colors"
        >
          Sign In
        </Link>
      </div>
    </div>
  );
}