"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
var constants_1 = require("../../../constants");
var suggestionsZIndex = constants_1.POPUP_Z_INDEX + 1;
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
    root: {
        backgroundColor: '#fff',
        fontFamily: 'Roboto'
    },
    mentionsControl: {
        fontSize: '13px'
    },
    mentionsHighlighter: {
        padding: '10px 22px',
        border: '1px solid transparent !important',
        '&::before': {
            content: function (_a) {
                var placeholder = _a.placeholder;
                return placeholder && "\"".concat(placeholder, "\"");
            }
        }
    },
    mentionsInput: {
        borderRadius: '2px',
        border: '1px solid rgba(0,0,0,0.12)',
        padding: '10px 22px',
        outline: 0,
        overflow: 'auto !important'
    },
    mentionsSuggestions: {
        padding: '8px 0',
        zIndex: suggestionsZIndex + '!important',
        borderRadius: '4px',
        backgroundColor: '#fafafa !important',
        boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)'
    },
    mentionsSuggestionsList: {
        maxHeight: '200px',
        overflowY: 'scroll'
    },
    mentionsSuggestionsItem: {
        padding: '6px 12px',
        color: theme.palette.text.primary,
        fontSize: '13px',
        transition: theme.transitions.create(['background-color']),
        '&:hover': {
            backgroundColor: 'rgba(0,0,0,0.04)'
        }
    },
    mentionsSuggestionsItemFocused: {
        backgroundColor: 'rgba(0,0,0,0.04)'
    },
    mention: {
        position: 'relative',
        zIndex: 1,
        color: theme.palette.primary.main,
        textShadow: '1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white',
        pointerEvents: 'none'
    }
}); });
