import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles({
    tableContainer: {
        height: '100%',
        overflow: 'hidden',
        display: 'flex',
        flexDirection: 'column'
    },
    tableHeader: {
        display: 'flex',
        flexDirection: 'row'
    },
    tableTitle: {
        marginRight: 'auto'
    },
    tableContent: {
        display: 'flex',
        flexDirection: 'column',
        flex: 1,
        overflow: 'hidden',
        position: 'relative'
    }
});
export var useCommonStyles = makeStyles({
    coloredCell: {
        '&::before': {
            content: '""',
            position: 'absolute',
            right: 0,
            top: 0,
            width: '100%',
            height: '100%',
            background: 'rgba(0,0,0,0.06)',
            pointerEvents: 'none'
        }
    },
    basicCell: {
        padding: '15px',
        '& + &': {
            borderTop: '1px solid rgba(0,0,0,.1)'
        }
    }
});
