import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    root: {
        position: 'relative'
        // '&:hover $dragIndicator': {
        //     display: 'block'
        // }
    },
    dragIndicator: {
        display: 'none',
        position: 'absolute',
        top: '15px',
        left: 0,
        cursor: 'grab'
    },
    dragIndicatorIcon: {
        fill: theme.palette.text.secondary,
        width: '14px',
        height: '14px'
    },
    attributeTitle: {
        display: 'block',
        marginLeft: '3px',
        '&:not(:last-child)': {
            marginBottom: '5px'
        }
    },
    ovValue: {
        '& + &': {
            marginTop: '4px'
        }
    }
}); });
