import { InputWithLabel } from "@/components/ui/input";
import { useTranslations } from "next-intl";
export default function BasicInfoForm() {
  const t = useTranslations("subscribe");
  const tForm = useTranslations("subscribe.forms");
  return (
    <div className="space-y-5">
      <h3 className="text-text text-[24px] font-bold">{t("basicInfoTitle")}</h3>
      <div className="space-y-6">
        <InputWithLabel label={tForm("username")} required type="text" />
        <InputWithLabel label={tForm("phone")} type="tel" />
        <InputWithLabel label={tForm("email")} required type="email" />
        <InputWithLabel label={tForm("password")} required type="password" />
        <InputWithLabel
          label={tForm("confirmPassword")}
          required
          type="password"
        />
      </div>
    </div>
  );
}