import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    activityItem: {
        display: 'flex',
        minHeight: '40px',
        padding: '10px 0 5px 0',
        boxSizing: 'border-box',
        paddingRight: '16px'
    },
    activityIcon: {
        marginLeft: '-13px',
        marginRight: '15px',
        width: '24px',
        height: '24px',
        background: theme.palette.primary.main,
        borderRadius: '50%',
        border: '1px solid white',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        flexShrink: 0,
        '& svg': {
            fill: 'white',
            fontSize: '14px'
        }
    },
    userContainer: {
        display: 'flex'
    },
    activityInfo: {
        flex: 1,
        overflow: 'hidden',
        position: 'relative'
    },
    activityUser: {
        fontSize: 13,
        lineHeight: '15px',
        color: theme.palette.text.secondary,
        whiteSpace: 'nowrap',
        overflow: 'hidden',
        textOverflow: 'ellipsis'
    },
    activityEvent: {
        marginTop: '5px'
    },
    date: {
        fontSize: 12,
        lineHeight: '16px',
        color: theme.palette.text.primary,
        marginLeft: 'auto',
        flexShrink: 0,
        paddingLeft: 8
    }
}); });
