import { Fragment } from "react";
import { Link } from "react-router";
import { Notice } from "../ui/index.ts";
import { NAV } from "./nav.tsx";

export function NotFound() {
  return (
    <div className="crash">
      <Notice tone="warning" title={<h2>Страница не найдена</h2>}>
        Разделы приложения: {NAV.map((n, i) => <Fragment key={`${n.to}#${i}`}>{i > 0 && ", "}<Link to={n.to}>{n.label}</Link></Fragment>)}.
      </Notice>
    </div>
  );
}