import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    image: {
        width: '40px',
        height: '40px'
    },
    info: {
        marginLeft: '12px',
        overflow: 'hidden',
        display: 'flex',
        flexDirection: 'column'
    },
    label: {
        textOverflow: 'ellipsis',
        overflow: 'hidden',
        whiteSpace: 'pre',
        fontWeight: 400,
        fontSize: '13px',
        lineHeight: '15px',
        color: theme.palette.primary.main
    },
    secondaryLabel: {
        marginTop: '4px',
        fontWeight: 400,
        fontSize: '10px',
        lineHeight: '12px',
        color: theme.palette.text.secondary,
        whiteSpace: 'pre',
        overflow: 'hidden',
        textOverflow: 'ellipsis'
    },
    link: {
        textDecoration: 'none'
    },
    thirdRow: {
        display: 'flex',
        overflow: 'hidden',
        alignItems: 'center',
        marginTop: 'auto',
        paddingTop: '4px'
    },
    entityId: {
        display: 'flex',
        overflow: 'hidden',
        alignItems: 'baseline',
        whiteSpace: 'nowrap',
        fontWeight: 400,
        fontSize: '12px',
        lineHeight: '16px'
    },
    entityIdLabel: {
        color: theme.palette.text.secondary
    },
    entityIdValue: {
        marginLeft: '8px',
        color: theme.palette.text.primary,
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        '&[aria-describedby]': {
            cursor: 'pointer',
            '&:hover': {
                textDecoration: 'underline'
            }
        }
    }
}); });
