import { Link } from "react-router";
import { EmptyState } from "~/components/console/empty-state.tsx";
import { buttonVariants } from "~/components/ui/button.tsx";

export default function NotFound() {
  return (
    <div className="grid min-h-screen place-items-center bg-background px-4">
      <EmptyState
        title="页面不存在"
        description="检查地址是否正确，或回到首页。"
        action={
          <Link to="/" className={buttonVariants({ variant: "outline" })}>
            回到首页
          </Link>
        }
      />
    </div>
  );
}