"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
    root: function (_a) {
        var isOpaque = _a.isOpaque;
        return ({
            display: 'flex',
            opacity: isOpaque ? 1 : 0.38,
            transition: 'opacity 0.3s'
        });
    },
    wrapper: function (_a) {
        var isOpaque = _a.isOpaque;
        return ({
            width: '100%',
            display: 'flex',
            alignItems: 'center',
            height: 28,
            filter: isOpaque ? null : 'saturate(0%)',
            backgroundImage: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMjYvMTMEw7WpAAAAeElEQVQ4ja3VuwrAIBBE0aup0uX/v9ImCCGSdIL4WF136+EwxcC6+3k/hAsxSREArvPAW2LAGFzFhqAG64JarAnuYBW4ixWgBZZBKwzAW2Ig7HAVCzHJ4AoGQsNVbAhqsC6oxZrgDlaBu1gBWmAZtMIA3MwLmMUAfmyqQ9/LD+oDAAAAAElFTkSuQmCC)'
        });
    },
    focusedIcon: {
        width: 28,
        height: 28,
        backgroundColor: 'rgba(0, 0, 0, 0.12)',
        borderRadius: 0,
        borderRight: '1px solid #fff'
    },
    sourceIcon: {
        height: '16px',
        width: '16px',
        marginLeft: '16px',
        marginRight: '9px',
        fontSize: '14px'
    }
}); });
