"use client";

import Link from "next/link";
import { Compass } from "lucide-react";
import { buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/cn";
import { PageHeader } from "@/components/shared/page-header";
import { useT } from "@/i18n";

export default function NotFound() {
  const t = useT();
  return (
    <div className="flex min-h-[60vh] flex-col items-center justify-center text-center">
      <Compass className="mb-4 h-12 w-12 text-primary/60" aria-hidden />
      <PageHeader title={t("common.notFoundTitle")} subtitle={t("common.notFoundBody")} />
      <Link href="/overview" className={cn(buttonVariants())}>
        {t("common.backToDashboard")}
      </Link>
    </div>
  );
}