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