import { makeStyles } from '@mui/styles';
import { alpha } from '@mui/material/styles';
export var useStyles = makeStyles(function (theme) { return ({
    overlay: {
        position: 'absolute',
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        transition: '0.2s linear all',
        '&:not($selected):not($selectionMode):hover': {
            backgroundColor: 'rgba(0,0,0,0.6)'
        },
        userSelect: 'none'
    },
    selected: {
        backgroundColor: alpha(theme.palette.primary.main, 0.6)
    },
    selectionMode: {
        cursor: 'pointer',
        '&:not($selected)': {
            backgroundColor: 'rgba(0,0,0,0.6)'
        }
    },
    button: {
        padding: 0,
        width: '100px',
        height: '36px',
        color: '#fff',
        fontSize: '14px',
        fontWeight: 500,
        lineHeight: '16px',
        border: '1px solid rgba(255,255,255,0.25)',
        backgroundColor: 'rgba(98,2,238,0)'
    },
    checkedIcon: {
        position: 'absolute',
        left: '4px',
        top: '4px',
        cursor: 'pointer'
    },
    actions: {
        display: 'flex',
        alignItems: 'center',
        position: 'absolute',
        top: '4px',
        right: '4px'
    },
    actionButton: {
        color: '#fff',
        fontSize: '24px'
    },
    dropDownMenuButton: {
        margin: '0 2px 0 8px'
    }
}); });
