Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from 'react'

import { Place } from '@mui/icons-material'

import { useLocationAutocomplete } from '@hooks'

import Input from './Input'

const UbicationInput = ({

  onGetAddress = () => {},

  settedQuery = '',

  placeholder = 'Ubicación',

  onChange = () => {},

  error = null

}) => {

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

  useEffect(() => {

    onGetAddress(address)

  }, [address])

  useEffect(() => {

    if (!ref.current) return

    ref.current.value = settedQuery

  }, [settedQuery])

  return (

    <Input

      type='text'

      inputRef={ref}

      onChange={onChange}

      placeholder={placeholder}

      error={error || addressError}

      icon={<Place />}

    />

  )

}

export default UbicationInput