Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from 'react'

import FormErrorFeedback from './form/FormErrorFeedback'

import useLocationAutocomplete from '../../hooks/useLocationAutocomplete'

const UbicationInput = ({

  onGetAddress = () => {},

  settedQuery = '',

  placeholder = 'Ubicación',

  onChange = () => {}

}) => {

  const { address, error, ref } = useLocationAutocomplete()

  useEffect(() => {

    onGetAddress(address)

  }, [address])

  return (

    <>

      <input

        type='text'

        id='location_search'

        name='location_search'

        className='form-control'

        ref={ref}

        onChange={onChange}

        placeholder={placeholder}

        defaultValue={settedQuery}

      />

      {error && <FormErrorFeedback>{error}</FormErrorFeedback>}

    </>

  )

}

export default UbicationInput