import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles({
    entityContainer: {
        display: 'flex',
        alignItems: 'center',
        height: '32px',
        minHeight: '32px',
        padding: 0,
        '&.focused': {
            backgroundColor: 'rgba(0,0,0,0.04)'
        }
    },
    entityLabel: {
        height: '15px',
        fontSize: '13px',
        color: 'rgba(0,0,0,0.87)',
        cursor: 'pointer',
        lineHeight: '15px',
        textOverflow: 'ellipsis',
        overflow: 'hidden',
        whiteSpace: 'pre'
    },
    emptyEntityLabel: {
        height: '15px',
        fontSize: '13px',
        color: 'rgba(0,0,0,0.6)',
        lineHeight: '15px',
        marginLeft: '16px',
        textOverflow: 'ellipsis',
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        cursor: 'default'
    },
    entityAvatar: {
        transform: 'scale(0.5)',
        marginLeft: '8px',
        marginRight: '11px'
    },
    entitySecondaryLabel: {
        color: 'rgba(0,0,0,0.6)'
    }
});
