import { createFileRoute } from "@tanstack/react-router";
import { useTranslation } from "react-i18next";

export const Route = createFileRoute("/$")({
  component: NotFound,
});

function NotFound() {
  const { t } = useTranslation();
  return (
    <div className="flex h-screen w-screen items-center justify-center">
      <div className="text-center">
        <h1 className="text-4xl font-bold mb-4">404</h1>
        <p className="text-muted-foreground">{t("common.notFound.message")}</p>
      </div>
    </div>
  );
}