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

import { EmptyState } from "@/shared/components/ui/empty-state"

export default function NotFound() {
  return (
    <div className="flex h-full flex-col items-center justify-center space-y-4">
      <EmptyState
        icon={FileQuestion}
        title="Page Not Found"
        description="The page you are looking for does not exist or has been moved."
        className="border-none shadow-none h-auto"
      />
      <Link
        href="/dashboard"
        className="bg-primary text-primary-foreground hover:bg-primary/90 inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium transition-colors"
      >
        Return to Dashboard
      </Link>
    </div>
  )
}