import React, { useState } from 'react';
import { InputAdornment } from '@material-ui/core';
import { SearchIcon } from '@fluentui/react-icons';
import { FluentTextField } from '../../UI/inputs/textField/FluentTextField';
export const FreeFormField = (props) => {
    const [text, setText] = useState('');
    return (React.createElement(FluentTextField, { variant: "outlined", size: "small", name: "map search", "aria-describedby": "search-by-address", value: text, fullWidth: true, InputProps: {
            startAdornment: (React.createElement(InputAdornment, { position: "start" }, React.createElement(SearchIcon, null)))
        }, onChange: (event) => {
            setText(event.target.value);
            props.didUpdateText(event.target.value);
        } }));
};
//# sourceMappingURL=FreeFormField.js.map