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 '@app/hooks/useLocationAutocomplete'

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