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

export default function AuthCodeErrorPage() {
  return (
    <AuthCard title="Link expired">
      <div className="flex flex-col items-center gap-4 text-center">
        <div className="flex h-16 w-16 items-center justify-center rounded-full bg-danger/15">
          <ShieldAlert size={28} 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.
        </p>
        <Link href="/login" className="w-full">
          <Button fullWidth>Back to Login</Button>
        </Link>
      </div>
    </AuthCard>
  );
}