var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
import React from 'react';
import { makeStyles } from '@material-ui/core';
import ToggleButton from '@material-ui/lab/ToggleButton';
import PropTypes from 'prop-types';
const useStyles = makeStyles((theme) => ({
    root: {},
    groupActionContainer: {
        display: 'flex',
        flexDirection: 'column',
        flexWrap: 'wrap',
        alignContent: 'space-around',
    },
    toggleRoot: {
        '&:not(:first-child)': {
            marginTop: 16,
            border: '1px solid lightgrey',
            borderTopLeftRadius: 25,
            borderTopRightRadius: 25,
            borderRadius: 25,
            padding: 0,
            paddingRight: theme.spacing(2),
        },
        '&:not(:last-child)': {
            borderBottomLeftRadius: 25,
            borderBottomRightRadius: 25,
            borderRadius: 25,
            padding: 0,
            border: '1px solid lightgrey',
            paddingRight: theme.spacing(2)
        },
        '& .MuiToggleButton-root.Mui-selected': {
            color: 'rgba(0, 0, 0, 0.54)',
            backgroundColor: 'white'
        }
    },
    buttonRoot: {
        textTransform: 'none',
        fontWeight: 700,
        justifyContent: 'flex-start'
    },
    '.MuiToggleButton-root.Mui-selected': {
        color: 'rgba(0, 0, 0, 0.54)',
        backgroundColor: 'white'
    }
}));
export const AmbientToggleButton = (_a) => {
    var { children, value, ariaLabel, onClick } = _a, otherProps = __rest(_a, ["children", "value", "ariaLabel", "onClick"]);
    const classes = useStyles();
    return (React.createElement("div", { className: classes.root }, React.createElement(ToggleButton, Object.assign({ classes: { root: classes.buttonRoot }, value: value, "aria-label": ariaLabel, onClick: onClick }, otherProps), children)));
};
AmbientToggleButton.propTypes = {
    /**
     * Contents of the button
     */
    children: PropTypes.node,
    /**
     * Value used to determine active toggle
     */
    value: PropTypes.string,
    /**
   * Lable for accessiblity on icon
   */
    ariaLabel: PropTypes.string,
    /**
 * Function to handle event
 */
    onClick: PropTypes.func,
};
//# sourceMappingURL=AmbientToggleButton.js.map