import React from 'react';
import i18n from 'ui-i18n';
import FormControlLabel from '@mui/material/FormControlLabel';
import Checkbox from '@mui/material/Checkbox';
import { useStyles } from './styles';
export var TopCenterMapControls = function (_a) {
    var className = _a.className, isSearchOnMapMove = _a.isSearchOnMapMove, onChangeIsSearchOnMapMove = _a.onChangeIsSearchOnMapMove;
    var styles = useStyles();
    var onChange = function (event) {
        onChangeIsSearchOnMapMove(event.target.checked);
    };
    return (React.createElement("div", { className: className },
        React.createElement(FormControlLabel, { classes: {
                root: styles.container,
                label: styles.label
            }, control: React.createElement(Checkbox, { checked: isSearchOnMapMove, onChange: onChange, className: styles.checkbox }), label: i18n.text('Search as I move the map') })));
};
