"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
var styles_2 = require("@mui/material/styles");
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { 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(".concat((0, styles_2.alpha)(theme.palette.primary.main, 0), ", ").concat((0, styles_2.alpha)(theme.palette.primary.main, 0.35), ", ").concat(theme.palette.primary.main, ")"),
                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, ".concat((0, styles_2.alpha)(theme.palette.primary.main, 0.35), ", ").concat(theme.palette.primary.main, ", ").concat((0, styles_2.alpha)(theme.palette.primary.main, 0.35), ")"),
                backgroundSize: '3px 100%'
            }
        }
    }
}); });
