import { makeStyles } from '@mui/styles';
var iconsWidth = '68px';
export var useStyles = makeStyles({
    container: {
        display: 'flex',
        alignItems: 'center',
        height: '32px',
        minHeight: '32px',
        padding: 0
    },
    text: {
        display: 'flex',
        width: "calc(100% - ".concat(iconsWidth, ")")
    },
    textItem: {
        fontSize: '13px',
        lineHeight: '15px',
        marginRight: 10
    },
    primaryTextItem: {
        flex: '1 0',
        flexBasis: 0,
        maxWidth: '50%',
        overflow: 'hidden',
        textOverflow: 'ellipsis'
    },
    secondaryTextItem: {
        flex: '1 0',
        flexBasis: 0,
        overflow: 'hidden',
        textOverflow: 'ellipsis'
    },
    icons: {
        transform: 'scale(0.5)',
        position: 'relative',
        flexShrink: 0,
        width: iconsWidth,
        bottom: '10px'
    },
    iconTop: {
        position: 'absolute',
        top: 0,
        left: 0,
        zIndex: 1
    },
    iconBottom: {
        position: 'absolute',
        top: 0,
        left: 26,
        zIndex: 0
    }
});
