"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.withoutLabelInputStyle = exports.overloadMenuListStyle = exports.customStyles = exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    control: {
        height: 'auto'
    },
    dropdownIndicator: {
        boxSizing: 'content-box',
        transition: 'transform .15s ease',
        padding: function (props) { return "".concat((props.height - 24) / 2, "px 12px"); },
        cursor: 'pointer',
        color: 'rgba(0, 0, 0, 0.54)'
    },
    valueContainer: {
        marginLeft: '16px',
        width: 0
    },
    formControl: {
        margin: 0
    },
    filledInputRoot: {
        backgroundColor: 'rgba(0, 0, 0, 0.03)',
        '&:hover': {
            backgroundColor: 'rgba(0, 0, 0, 0.03)'
        },
        '&.focused': {
            backgroundColor: 'rgba(0, 0, 0, 0.03)'
        }
    },
    filledInputUnderline: {
        '&:before': {
            display: 'none'
        }
    },
    inputLabel: {
        color: 'rgba(0,0,0,0.6)',
        fontSize: '14px',
        paddingLeft: '4px',
        '&.shrink': {
            paddingLeft: '4px'
        }
    }
});
exports.customStyles = {
    menu: function (baseStyles) { return (__assign(__assign({}, baseStyles), { borderRadius: '0 0 4px 4px', backgroundColor: '#FFFFFFFF', 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)', margin: 0 })); },
    menuList: function (baseStyles) { return (__assign(__assign({}, baseStyles), { maxHeight: '208px', padding: '8px 0' })); },
    group: function (baseStyles) { return (__assign(__assign({}, baseStyles), { padding: '0 0 8px 0' })); },
    input: function (baseStyles) { return (__assign(__assign({}, baseStyles), { height: '16px', color: 'rgba(0, 0, 0, 0.87)', fontSize: '14px', lineHeight: '16px', margin: '16px 0 0', padding: 0 })); },
    option: function (baseStyles) { return (__assign(__assign({}, baseStyles), { fontSize: '13px', lineHeight: '15px', height: '32px' })); }
};
exports.overloadMenuListStyle = {
    menuList: function (baseStyles) { return (__assign(__assign({}, baseStyles), { padding: 0 })); }
};
exports.withoutLabelInputStyle = {
    input: function (baseStyles) { return (__assign(__assign({}, baseStyles), { height: '16px', color: 'rgba(0, 0, 0, 0.87)', fontSize: '14px', lineHeight: '16px', margin: 0, padding: 0 })); }
};
