import React from 'react'
import { useTranslation } from 'react-i18next'
import { FaRegAddressBook } from 'react-icons/fa'
import ValidationField from '../../../../Components/ValidationField/ValidationField';
import { nationalities } from '../../../../types/App';

const TitleDetailsForm = () => {
  const [t] = useTranslation();

  return (
    <div className='TitleDetailsForm'>
      <header className='header_form'>
        <FaRegAddressBook />
        <h4>{t("header.address")}</h4>
      </header>
      <main className='main_form_body'>
        <ValidationField name={"city_id"} placeholder={"_"} label={"city"}  type='Select' option={nationalities}  />
        <ValidationField  name={"address"} placeholder={"_"} label={"address"} />

      </main>
    </div>
  )
}

export default TitleDetailsForm