"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
    container: {
        backgroundColor: 'white',
        width: '360px',
        minWidth: '360px',
        maxWidth: '720px'
    },
    header: {
        display: 'flex',
        height: '48px',
        alignItems: 'center',
        justifyContent: 'space-between',
        paddingLeft: '16px'
    },
    title: {
        color: theme.palette.text.primary,
        fontSize: '16px',
        letterSpacing: '0.15px',
        lineHeight: '19px'
    },
    entityTypeLabel: {
        color: 'rgba(0,0,0,0.67)',
        fontSize: '14px',
        paddingLeft: '16px',
        paddingBottom: '12px',
        lineHeight: '16px'
    },
    divider: {
        height: '24px',
        width: '1px',
        backgroundColor: 'rgba(0,0,0,0.12)'
    },
    headerCount: {
        color: theme.palette.text.secondary,
        fontSize: '14px',
        letterSpacing: '0.24px',
        lineHeight: '28px',
        width: '210px'
    },
    body: {
        borderBottom: '1px solid rgba(0,0,0,0.12)',
        padding: '0 16px 8px'
    },
    footer: {
        display: 'flex',
        alignItems: 'center',
        height: '32px',
        paddingLeft: '16px',
        color: theme.palette.primary.main,
        fontSize: '13px',
        letterSpacing: '0',
        lineHeight: '16px'
    },
    profileIcon: {
        height: '16px',
        width: '16px'
    },
    entityContainer: {
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center'
    },
    entityLabel: {
        color: theme.palette.primary.main,
        fontSize: '13px',
        letterSpacing: '0',
        lineHeight: '15px',
        textDecoration: 'none',
        paddingLeft: '8px',
        wordBreak: 'break-word',
        whiteSpace: 'break-spaces'
    },
    seeAllButton: {
        cursor: 'pointer'
    }
}); });
