import React, { useCallback } from 'react';
import ToggleButton from '@material-ui/lab/ToggleButton';
import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
import { ChartIcon, NumberedListIcon } from '@fluentui/react-icons';
import { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';
const ChartSummaryToggle = (props) => {
    const { value, onChange } = props;
    const change = useCallback((e, value) => onChange && onChange(value), [
        onChange
    ]);
    return (React.createElement(ToggleButtonGroup, { value: value, exclusive: true, onChange: change, "aria-label": "chart summary mode toggle" }, React.createElement(ToggleButton, { name: "chart-summary-mode", value: "summary", "aria-label": "summary" }, React.createElement(FluentIcon, { component: NumberedListIcon })), React.createElement(ToggleButton, { name: "chart-summary-mode", value: "chart", "aria-label": "chart" }, React.createElement(FluentIcon, { component: ChartIcon }))));
};
export default ChartSummaryToggle;
//# sourceMappingURL=ChartSummaryToggle.js.map