import { motion } from "framer-motion";
import { itemVariants } from "../Animation/HeaderLoginAnimation";
import { useTranslation } from "react-i18next";
import Link from "next/link";
export default function PolicyAndPrivecy() {
  const { t } = useTranslation();
  return (
    <>
      <motion.p variants={itemVariants} className="text-center text-gray-500 text-xs mt-4">
        {t("agreeTerms")}{" "}
        <Link href="/terms" className="text-amber-400 hover:text-amber-300 transition-colors">
          {t("termsOfUse")}
        </Link>{" "}
        {t("and")}{" "}
        <Link href="/privacy" className="text-amber-400 hover:text-amber-300 transition-colors">
          {t("privacyPolicy")}
        </Link>
      </motion.p>
    </>
  );
}