"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TopCenterMapControls = void 0;
var react_1 = __importDefault(require("react"));
var ui_i18n_1 = __importDefault(require("ui-i18n"));
var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
var styles_1 = require("./styles");
var TopCenterMapControls = function (_a) {
    var className = _a.className, isSearchOnMapMove = _a.isSearchOnMapMove, onChangeIsSearchOnMapMove = _a.onChangeIsSearchOnMapMove;
    var styles = (0, styles_1.useStyles)();
    var onChange = function (event) {
        onChangeIsSearchOnMapMove(event.target.checked);
    };
    return (react_1.default.createElement("div", { className: className },
        react_1.default.createElement(FormControlLabel_1.default, { classes: {
                root: styles.container,
                label: styles.label
            }, control: react_1.default.createElement(Checkbox_1.default, { checked: isSearchOnMapMove, onChange: onChange, className: styles.checkbox }), label: ui_i18n_1.default.text('Search as I move the map') })));
};
exports.TopCenterMapControls = TopCenterMapControls;
