import Link from "next/link"
import { Button } from "@/shared/components/ui/button"
import { FileQuestion } from "lucide-react"

export default function AuthNotFound() {
  return (
    <div className="flex h-full w-full flex-col items-center justify-center gap-4 p-4 text-center">
      <div className="flex h-16 w-16 items-center justify-center rounded-full bg-muted">
        <FileQuestion className="h-8 w-8 text-muted-foreground" />
      </div>
      <div className="space-y-2">
        <h2 className="text-xl font-bold tracking-tight">Page Not Found</h2>
        <p className="text-sm text-muted-foreground">
          The authentication page you are looking for does not exist.
        </p>
      </div>
      <Button asChild variant="outline" size="sm">
        <Link href="/login">Return to Login</Link>
      </Button>
    </div>
  )
}