/* eslint-disable @typescript-eslint/no-explicit-any */
// components/ContactInfoFields.tsx
import React from "react";
import RoundedInput from "@/components/elements/RoundedInput";

interface ContactInfoFieldsProps {
  formik: any;
}

const ContactInfoFields: React.FC<ContactInfoFieldsProps> = ({ formik }) => {
  return (
    <>
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        maxLength={11}
        placeholder="تلفن ثابت"
        {...formik.getFieldProps("phone")}
      />
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        maxLength={11}
        placeholder="شماره موبایل"
        {...formik.getFieldProps("mobile")}
      />
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        placeholder="آیدی تلگرام"
        {...formik.getFieldProps("telegramLink")}
      />
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        placeholder="شماره واتساپ"
        maxLength={11}
        {...formik.getFieldProps("whatsappNumber")}
      />
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        placeholder="آیدی اینستاگرام"
        {...formik.getFieldProps("instagramLink")}
      />
    </>
  );
};

export default ContactInfoFields;
