import { Link } from "react-router";
import { t } from "@lingui/core/macro";
import { Trans } from "@lingui/react/macro";
import { PageShell } from "../components/PageShell.tsx";
import { useDocumentTitle } from "../hooks/useDocumentTitle.ts";

export function NotFound() {
  useDocumentTitle(t`Page not found`);
  return (
    <PageShell centered>
      <h1>404</h1>
      <p>
        <Trans>This page does not exist.</Trans>
      </p>
      <Link to="/" className="btn-primary">
        <Trans>Go home</Trans>
      </Link>
    </PageShell>
  );
}