import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    tableHead: {
        position: 'relative',
        '&:hover': {
            '& $dragIndicator': {
                opacity: 1
            }
        }
    },
    dragIndicator: {
        height: '100%',
        opacity: 0,
        position: 'absolute',
        top: 0,
        left: 0,
        cursor: 'move',
        transition: 'opacity 0.3s'
    },
    dragIndicatorIcon: {
        top: '15px',
        width: '14.4px',
        height: '18px',
        color: theme.palette.text.secondary,
        position: 'relative'
    }
}); });
