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

import { Button } from "@/shared/components/ui/button"
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"
      />
      <Button asChild>
        <Link href="/dashboard">
          Return to Dashboard
        </Link>
      </Button>
    </div>
  )
}
