Proyectos de Subversion LeadersLinked - SPA

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

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

import InputBase from './InputBase'
import FormErrorFeedback from '../form/FormErrorFeedback'

const StyledInput = styled(InputBase)`
  input {
    border: none;
  }
`

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

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

  return (
    <>
      <StyledInput
        startAdornment={
          <InputAdornment position='start'>
            <Place />
          </InputAdornment>
        }
        type='text'
        inputRef={ref}
        onChange={onChange}
        placeholder={placeholder}
        value={settedQuery}
        fullWidth
      />
      {error && <FormErrorFeedback>{error}</FormErrorFeedback>}
    </>
  )
}

export default UbicationInput