import React from 'react';
import { Grid } from '@material-ui/core';
import ToggleButton from '@material-ui/lab/ToggleButton';
import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
import { ClearNightIcon, GlobeIcon, Nav2DMapViewIcon, BorderDashIcon, } from '@fluentui/react-icons';
const ToggleViewType = props => {
    const { displayType, handleChange } = props;
    // const [type, setType] = useState('none');
    // const handleChange = (event, newType) => {
    //   setType(newType);
    // };
    return (React.createElement(Grid, { container: true, spacing: 2, direction: "column", alignItems: "center" }, React.createElement(Grid, { item: true }, React.createElement(ToggleButtonGroup, { value: displayType, exclusive: true, onChange: handleChange }, React.createElement(ToggleButton, { value: "CanvasDark" }, React.createElement(ClearNightIcon, null)), React.createElement(ToggleButton, { value: "Aerial" }, React.createElement(GlobeIcon, null)), React.createElement(ToggleButton, { value: "RoadOnDemand" }, React.createElement(Nav2DMapViewIcon, null)), React.createElement(ToggleButton, { value: "" }, React.createElement(BorderDashIcon, null))))));
};
export default ToggleViewType;
//# sourceMappingURL=ToggleViewType.js.map