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