import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    icon: {
        marginRight: '8px',
        verticalAlign: 'middle',
        width: '12px',
        height: '12px'
    },
    content: {
        color: theme.palette.primary.main,
        cursor: 'pointer',
        lineHeight: '16px',
        whiteSpace: 'break-spaces'
    }
}); });
export var usePivotingTooltipStyles = makeStyles({
    tooltip: {
        backgroundColor: 'white',
        boxShadow: '0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2)',
        padding: 0,
        borderRadius: '4px',
        maxWidth: 'none'
    },
    arrow: {
        '&::before': {
            backgroundColor: 'white'
        }
    }
});
