32 lines
1.3 KiB
JavaScript
32 lines
1.3 KiB
JavaScript
|
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>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|