import { Link } from "react-router-dom";

import { routePath } from "../../features/installed-feature-contracts.js";
import { PageHeader } from "../design-system/index.js";
import { useLocale } from "../i18n/index.js";

export default function NotFoundPage() {
  const { message } = useLocale();
  return (
    <section className="ui-page">
      <PageHeader
        title={message("page.notFound.title")}
        description={message("page.notFound.description")}
      />
      <div>
        <Link className="ui-button" to={routePath("APP_HOME")}>
          {message("action.goHome")}
        </Link>
      </div>
    </section>
  );
}