import { alpha } from '@mui/material/styles';
import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    root: {
        '& > *': {
            '&:not(:first-child)': {
                '&.MuiButtonGroup-grouped, & > .MuiButtonGroup-grouped': {
                    borderTopLeftRadius: 0,
                    borderBottomLeftRadius: 0,
                    marginLeft: '-1px'
                }
            },
            '&:not(:last-child)': {
                '&.MuiButtonGroup-grouped, & > .MuiButtonGroup-grouped': {
                    borderTopRightRadius: 0,
                    borderBottomRightRadius: 0,
                    borderRightColor: 'transparent'
                }
            }
        }
    },
    button: {
        '&.MuiButtonGroup-grouped': {
            minWidth: '30px',
            padding: '8px 8px',
            justifyContent: 'start',
            fill: 'rgba(0,0,0,0.54)',
            textTransform: 'none',
            color: 'rgba(0,0,0,0.87)',
            borderColor: 'rgba(0,0,0,0.12)',
            '&:hover': {
                backgroundColor: 'rgba(0, 0, 0, 0.04)'
            },
            '&:not(:last-of-type):hover': {
                borderRightColor: 'transparent'
            },
            '&$current': {
                '& $icon': {
                    color: theme.palette.primary.main
                },
                backgroundColor: alpha(theme.palette.primary.main, 0.12),
                fill: theme.palette.primary.main,
                color: theme.palette.primary.main,
                '&:hover': {
                    backgroundColor: alpha(theme.palette.primary.main, 0.24),
                    borderRightColor: 'transparent'
                }
            }
        }
    },
    icon: {
        color: 'rgba(0,0,0,0.54)',
        width: '20px',
        height: '20px',
        '& + $title': {
            marginLeft: '8px'
        }
    },
    title: {
        fontSize: '13px',
        lineHeight: '15px',
        letterSpacing: 0
    },
    current: {}
}); });
