"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    root: {
        borderRadius: '4px 4px 0 0',
        margin: 0,
        fontSize: '14px',
        letterSpacing: 0,
        lineHeight: '16px'
    },
    inputLabel: {
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        textOverflow: 'ellipsis',
        width: '100%',
        cursor: 'pointer',
        top: 'calc(50% - 23px)'
    },
    inputText: {
        display: 'flex',
        flexGrow: 1,
        alignItems: 'center',
        height: '25px',
        width: 'calc(100% - 53px)',
        paddingTop: '18px',
        paddingBottom: '4px',
        color: 'rgba(0,0,0,0.87)',
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        textOverflow: 'ellipsis'
    },
    input: {
        width: 0,
        cursor: 'pointer',
        '&.Mui-disabled': {
            backgroundColor: 'transparent',
            cursor: 'default'
        },
        '&$emptyInput': {
            width: '100%'
        }
    },
    emptyInput: {},
    disabledInput: {},
    disabledPointer: {},
    disabledUnderline: {},
    inputRoot: {
        flex: 1,
        paddingRight: '4px',
        fontSize: '14px',
        letterSpacing: 0,
        lineHeight: '16px',
        cursor: 'pointer',
        '&$disabledInput': {
            backgroundColor: 'rgba(0, 0, 0, 0.03)',
            cursor: 'pointer',
            '&$disabledPointer': {
                cursor: 'default'
            },
            '&$disabledUnderline::before': {
                borderBottomStyle: 'solid'
            }
        }
    },
    icon: {
        transform: 'rotate(0deg)',
        transition: 'transform 0.35s ease'
    },
    'popup-opened-icon': {
        transform: 'rotate(-180deg)'
    }
});
