import { useTranslation } from "react-i18next";

const Footer = () => {
  const { t, i18n } = useTranslation();

  return (
    //test
    <footer className="flex flex-col space-y-10 justify-center m-10">
      <div className="flex justify-center space-x-5">
        <a
          href="/tos"
          className={
            i18n.language === "en"
              ? "footer-text hover:text-gold-light"
              : "footer-text-pt hover:text-gold-light"
          }
        >
          {t("footer.tos")}
        </a>
        <a
          href="/privacy"
          className={
            i18n.language === "en"
              ? "footer-text hover:text-gold-light"
              : "footer-text-pt hover:text-gold-light"
          }
        >
          {t("footer.privacy")}
        </a>
      </div>

      <p
        className={
          i18n.language === "en"
            ? "footer-text text-center"
            : "footer-text-pt text-center"
        }
      >
        {t("footer.rights")}
      </p>
    </footer>
  );
};

export default Footer;
