Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from 'react'
import { Place } from '@mui/icons-material'
import { InputAdornment, TextField } from '@mui/material'

import { useLocationAutocomplete } from '@hooks'

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

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

  return (
    <TextField
      type='text'
      inputRef={ref}
      onChange={onChange}
      placeholder={placeholder}
      defaultValue={settedQuery}
      fullWidth
      helperText={error || addressError}
      error={Boolean(error || addressError)}
      InputProps={{
        startAdornment: (
          <InputAdornment position='start'>
            <Place />
          </InputAdornment>
        )
      }}
    />
  )
}

export default UbicationInput