import Link from "next/link";
import { ShieldAlert } from "lucide-react";
import { AuthShell } from "@/components/auth/AuthShell";
import { Button } from "@/components/ui/Button";

export default function AuthCodeErrorPage() {
  return (
    <AuthShell title="Link expired" backHref="/login">
      <div className="flex flex-col items-center gap-5 text-center">
        <div className="flex h-20 w-20 items-center justify-center rounded-full bg-danger/15">
          <ShieldAlert size={36} strokeWidth={1.8} className="text-danger" />
        </div>
        <p className="text-sm leading-relaxed text-paper/70">
          This link is invalid or has already been used. Try again from the login screen.
        </p>
        <Link href="/login">
          <Button size="lg">Back to Login</Button>
        </Link>
      </div>
    </AuthShell>
  );
}