import { motion } from "framer-motion";
import { fadeInUp } from "../Animation/OwnerPageAnimation";
import Link from "next/link";
import { useTranslation } from "react-i18next";
export default function Policy({ formData, setFormData, type }) {
  const { t } = useTranslation();
  return (
    <>
      <motion.div variants={fadeInUp} className="flex items-center gap-2">
        <input
          type="checkbox"
          id="terms"
          checked={formData.agreeTerms}
          onChange={(e) => setFormData({ ...formData, agreeTerms: e.target.checked })}
          className={`w-4 h-4 rounded border-gray-600 bg-white/5 ${type === "owner" ? `text-amber-500 focus:ring-amber-500` : ` text-blue-500 focus:ring-blue-500`} `}
          required
        />
        <label htmlFor="terms" className="text-sm text-gray-300">
          {t("register.agreeTerms")}{" "}
          <Link href="/terms" className={`${type === "owner" ? `text-amber-500 focus:ring-amber-500` : ` text-blue-500 focus:ring-blue-500`}`}>
            {t("register.termsOfUse")}
          </Link>{" "}
          {t("register.and")}{" "}
          <Link href="/privacy"  className={`${type === "owner" ? `text-amber-500 focus:ring-amber-500` : ` text-blue-500 focus:ring-blue-500`}`}>
            {t("register.privacyPolicy")}
          </Link>
        </label>
      </motion.div>
    </>
  );
}