import React, { Fragment } from 'react';
import { FormGroup, FormControlLabel, Switch, Divider, makeStyles } from '@material-ui/core';
import { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';
import { MapPinIcon } from '@fluentui/react-icons';
const useStyles = makeStyles((theme) => ({
    divider: {
        marginRight: theme.spacing(2),
        marginLeft: theme.spacing(2)
    }
}));
const Filter = (props) => {
    const { showLayer1, setShowLayer1, getLocation } = props;
    const classes = useStyles();
    return (React.createElement(Fragment, null, React.createElement(FormGroup, { row: true }, React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: showLayer1, onChange: (event) => setShowLayer1(event.target.checked), name: "filter1" }), label: "Filter" })), React.createElement("div", { className: classes.divider }, React.createElement(Divider, { orientation: "vertical" })), React.createElement("div", null, React.createElement(FluentIconButton, { onClick: getLocation, color: "primary", icon: MapPinIcon })), React.createElement("div", { className: classes.divider }, React.createElement(Divider, { orientation: "vertical" }))));
};
export default Filter;
//# sourceMappingURL=Filter.js.map