Proyectos de Subversion LeadersLinked - SPA

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

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]);

  const handleChangeAddress = (event) => {
    if (!event.target.value) {
      const values = {};
      Object.keys(address).forEach((key) => (values[key] = ''));
      onGetAddress(values);
    }

    onChange(event);
  };

  return (
    <Input
      type='text'
      inputRef={ref}
      onChange={handleChangeAddress}
      placeholder={placeholder}
      defaultValue={settedQuery}
      error={error || addressError}
      icon={<Place />}
    />
  );
};

export default UbicationInput;