"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    suggestionsPlaceholder: {
        padding: '8px 16px',
        textAlign: 'center'
    },
    suggestionsContainer: {
        width: '100%'
    },
    suggestionsContainerOpen: {
        maxHeight: '230px',
        overflowY: 'auto'
    },
    suggestionsList: {
        margin: 0,
        padding: 0,
        listStyleType: 'none'
    },
    suggestionsItem: {
        color: 'rgba(0,0,0,0.87)',
        fontSize: '14px'
    },
    suggestionsItemText: {
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        display: 'block',
        whiteSpace: 'pre'
    },
    inputRoot: {
        color: 'rgba(0,0,0,0.87)',
        fontSize: '14px'
    },
    autosizeInput: {
        width: 'auto',
        paddingTop: '10px',
        paddingBottom: '11px',
        marginLeft: '5px',
        overflow: 'hidden',
        '& input': {
            background: '0px center',
            border: 0,
            fontSize: 'inherit',
            outline: 0,
            padding: 0,
            color: 'inherit'
        }
    },
    rawInput: {
        height: '19px',
        lineHeight: '19px',
        paddingTop: '10px',
        paddingBottom: '11px'
    },
    isCrossedOut: {
        textDecoration: 'line-through'
    },
    multipleTextField: {
        flexWrap: 'wrap',
        color: 'rgba(0,0,0,0.87)',
        fontSize: '14px'
    },
    multipleTextFieldInput: {
        flex: '1 0 25px',
        flexWrap: 'wrap'
    },
    multipleTextFieldAdornedStart: {
        paddingLeft: '8px'
    },
    underline: {
        '&:before': {
            display: 'none'
        }
    }
});
