"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    dragHandleContainer: {
        position: 'relative',
        width: '100%',
        height: 'inherit'
    },
    dragHandleVisibilityArea: {
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '12px',
        zIndex: 11,
        visibility: 'hidden',
        '&:hover $dragHandle': {
            visibility: 'visible'
        },
        '.react-draggable &': {
            visibility: 'visible'
        }
    },
    dragHandle: {
        position: 'absolute',
        width: '100%',
        display: 'flex',
        justifyContent: 'center',
        top: '-3px',
        zIndex: 11,
        cursor: 'move',
        visibility: 'hidden'
    },
    dragIcon: {
        transform: 'translateX(-50%) rotate(90deg)',
        color: 'rgba(0, 0, 0, 0.3)',
        fontSize: '20px'
    }
});
