import { BillingTypo } from "@/types";
import { useTranslations } from "next-intl";
import { TextField } from "@/components/form/text-field";

export function Fatoorah({ user, register }: BillingTypo) {
    const t = useTranslations();
    return (
        <>
        <div className="grid md:grid-cols-2 gap-2">
            <TextField
                label={t("checkout.name")}
                placeholder={user?.my_full_name || t("placeholder.full-name")}
                registerFor="name"
                register={register}
                required
            />

            <TextField
                type="email"
                label={t("checkout.email")}
                placeholder={user?.email || t("placeholder.email")}
                registerFor="email"
                register={register}
                required
            />

          
        </div>
         <TextField
                type="tel"
                label={t("checkout.phone")}
                placeholder={user?.phone || t("placeholder.phone")}
                registerFor="phone"
                register={register}
                required
            />
        </>
    )
}