import React from "react";
import { Link } from "@/shared/config/i18n/navigation";
import { useTranslations } from "next-intl";

const Custom404 = () => {
  const t = useTranslations("");
  return (
    <html>
      <body>
        <div className="flex items-center justify-center h-screen w-full text-center">
          <div>
            <h1 className={"text-4xl font-bold text-primary"}>404</h1>
            <p className={"my-5"}>
              {t("Sahifa topilmadi, Iltimos qayta urinib ko`ring")}
            </p>
            <Link
              href="/"
              className="mt-6 px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90"
            >
              {t("Orga qaytish")}
            </Link>
          </div>
        </div>
      </body>
    </html>
  );
};

export default Custom404;
