"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/material/styles");
var styles_2 = require("@mui/styles");
exports.useStyles = (0, styles_2.makeStyles)(function (theme) {
    return {
        '@keyframes animate': {
            from: { background: 'transparent' },
            '66%': { background: '#f2e68e' },
            '100%': { background: 'transparent' }
        },
        highlighted: {
            animationName: '$animate',
            animationDuration: '3s',
            animationIterationCount: 1
        },
        item: {
            display: 'flex',
            minHeight: '40px',
            borderBottom: '1px solid rgba(0, 0, 0, 0.1)',
            flexDirection: 'row',
            '&:after': {
                // IE flex & min-height workaround
                content: '',
                minHeight: 'inherit',
                fontSize: 0
            },
            '&:hover': {
                backgroundColor: 'rgba(0, 0, 0, 0.03)'
            }
        },
        clickable: {
            cursor: 'pointer'
        },
        selected: {
            background: (0, styles_1.alpha)(theme.palette.primary.main, 0.12),
            '&:hover': {
                background: (0, styles_1.alpha)(theme.palette.primary.main, 0.24)
            }
        },
        inactive: {
            background: theme.inactiveBackground,
            '&:hover': {
                background: theme.inactiveHoverBackground
            },
            '&$selected': {
                background: theme.inactiveSelectedBackground,
                '&:hover': {
                    background: theme.inactiveSelectedHoverBackground
                }
            }
        },
        justImported: {
            backgroundColor: '#FFFBEB !important'
        },
        avatar: {
            marginLeft: '20px'
        },
        image: {
            height: '32px',
            width: '32px',
            marginTop: '8px',
            marginBottom: '7px'
        },
        info: {
            marginLeft: '20px',
            flexGrow: 1,
            display: 'flex',
            flexDirection: 'column',
            justifyContent: 'center',
            fontSize: '13px',
            width: '100%',
            overflow: 'hidden',
            overflowWrap: 'break-word',
            wordWrap: 'break-word' // for IE
        },
        label: {
            fontSize: '13px',
            lineHeight: '15px',
            fontWeight: 500,
            color: theme.palette.primary.main,
            marginRight: '17px',
            textDecoration: 'none',
            whiteSpace: 'break-spaces'
        },
        secondaryLabel: {
            marginRight: '12px',
            whiteSpace: 'break-spaces'
        },
        businessCard: {
            color: 'rgba(0, 0, 0, 0.54)',
            whiteSpace: 'break-spaces'
        },
        secondRow: {
            display: 'flex',
            marginTop: '2px',
            alignItems: 'center',
            color: 'rgba(0, 0, 0, 0.54)',
            fontSize: '12px'
        }
    };
});
