import { Link } from "react-router-dom";
import { useTranslate } from "@/utils/i18n";
import "@/less/not-found.less";

const NotFound = () => {
  const t = useTranslate();

  return (
    <div className="page-wrapper not-found">
      <div className="page-container">
        <p className="title-text">{t("message.page-not-found")}</p>
        <div className="action-button-container">
          <Link to="/" className="link-btn">
            <span>🏠</span> {t("router.back-to-home")}
          </Link>
        </div>
      </div>
    </div>
  );
};

export default NotFound;
