import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function () { return ({
    historyRow: {
        position: 'relative',
        padding: '8px 12px 16px',
        cursor: 'pointer'
    },
    selected: {
        background: 'rgba(0,0,0,0.05)',
        '&:before': {
            content: '""',
            background: 'rgba(0,0,0,0.05)',
            width: '100%',
            height: '100%',
            position: 'absolute',
            left: '-100%',
            top: 0
        }
    },
    rowHeader: {
        display: 'flex',
        position: 'relative'
    },
    badge: function (_a) {
        var color = _a.color;
        return ({
            position: 'absolute',
            width: '2px',
            height: '100%',
            left: '-9px',
            pointerEvents: 'none',
            background: color,
            '&:before': {
                height: '100%',
                width: '3px',
                content: '""',
                left: '-3px',
                background: color,
                position: 'absolute',
                opacity: 0.06
            }
        });
    },
    title: {
        color: 'rgba(0,0,0,0.87)',
        fontSize: '13px',
        letterSpacing: 0,
        lineHeight: '16px',
        fontWeight: 400,
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap',
        '&.bold': {
            fontWeight: 500
        }
    },
    date: {
        marginLeft: 'auto',
        color: 'rgba(0,0,0,0.54)',
        fontSize: '11px',
        letterSpacing: 0,
        lineHeight: '16px',
        flexShrink: 0
    },
    user: {
        color: 'rgba(0,0,0,0.38)',
        fontSize: '12px',
        letterSpacing: 0,
        lineHeight: '14px'
    }
}); });
