/* eslint-disable @typescript-eslint/no-explicit-any */
"use client";

import React from "react";
import RoundedInput from "@/components/elements/RoundedInput";
import { useTranslation } from "react-i18next";

interface ContactInfoFieldsProps {
  formik: any;
}

const ContactInfoFields: React.FC<ContactInfoFieldsProps> = ({ formik }) => {
  const { t } = useTranslation("common");

  return (
    <>
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        maxLength={11}
        placeholder={t("settings.billboards.landline")}
        {...formik.getFieldProps("phone")}
      />
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        maxLength={11}
        placeholder={t("settings.billboards.mobile")}
        {...formik.getFieldProps("mobile")}
      />
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        placeholder={t("settings.billboards.telegram")}
        {...formik.getFieldProps("telegramLink")}
      />
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        placeholder={t("settings.billboards.whatsapp")}
        maxLength={11}
        {...formik.getFieldProps("whatsappNumber")}
      />
      <RoundedInput
        className="max-w-full mt-2"
        type="text"
        placeholder={t("settings.billboards.instagram")}
        {...formik.getFieldProps("instagramLink")}
      />
    </>
  );
};

export default ContactInfoFields;
