import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function () { return ({
    container: {
        position: 'relative'
    },
    panel: {
        position: 'relative'
    },
    horizontal: {},
    vertical: {},
    disabled: {},
    resizer: {
        zIndex: 1,
        boxSizing: 'border-box',
        backgroundClip: 'padding-box',
        '&$disabled': {
            cursor: 'initial',
            height: 0,
            margin: 0
        },
        '&$horizontal': {
            height: '11px',
            backgroundImage: 'linear-gradient(rgba(0,0,0,0.33), rgba(0,0,0,0.33))',
            backgroundRepeat: 'no-repeat',
            backgroundSize: '100% 1px',
            backgroundPosition: 'top',
            width: '100%',
            marginBottom: '-10px',
            '&$disabled': {
                background: 'transparent'
            },
            '&:not($disabled):hover': {
                cursor: 'ns-resize',
                backgroundImage: 'linear-gradient(rgba(0, 114, 206, 0), rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1))',
                backgroundSize: '100% 3px'
            }
        },
        '&$vertical': {
            width: '11px',
            backgroundImage: 'linear-gradient(rgba(0,0,0,0.33), rgba(0,0,0,0.33))',
            backgroundRepeat: 'no-repeat',
            backgroundSize: '1px 100%',
            backgroundPosition: 'left',
            height: '100%',
            marginRight: '-10px',
            '&$disabled': {
                background: 'transparent'
            },
            '&:not($disabled):hover': {
                cursor: 'ew-resize',
                backgroundImage: 'linear-gradient(to left, rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1), rgba(0, 114, 206, 0.35))',
                backgroundSize: '3px 100%'
            }
        }
    }
}); });
