import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    tableData: {
        position: 'relative',
        '&:hover': {
            '& $dragIndicator': {
                opacity: 1
            }
        }
    },
    dragIndicator: {
        opacity: 0,
        position: 'absolute',
        top: 0,
        left: '50%',
        cursor: 'move',
        transition: 'opacity 0.3s',
        transform: 'translateX(-50%) rotate(90deg)',
        zIndex: 5
    },
    dragIndicatorIcon: {
        width: '14.4px',
        height: '18px',
        color: theme.palette.text.secondary
    },
    hidden: {
        display: 'none'
    }
}); });
