Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from 'react'

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

const UbicationInput = ({
  onGetAddress = () => {},
  settedQuery = '',
  placeholder = 'Ubicación',
}) => {
  const { address, error, ref } = useLocationAutocomplete()

  useEffect(() => {
    onGetAddress(address)
  }, [address])

  return (
    <>
      <input
        type="text"
        id="location_search"
        name="location_search"
        className="form-control"
        ref={ref}
        placeholder={placeholder}
        defaultValue={settedQuery}
      />
      {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
    </>
  )
}

export default UbicationInput