"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/material/styles");
var styles_2 = require("@mui/styles");
exports.useStyles = (0, styles_2.makeStyles)(function (theme) { return ({
    title: {
        padding: '0px 16px'
    },
    triggerButton: {
        minWidth: 0,
        color: 'rgba(0,0,0,0.54)',
        width: '40px',
        marginLeft: 'auto',
        marginRight: '12px'
    },
    filtersBuilderWrapper: {
        padding: '8px 16px',
        display: 'flex',
        flexDirection: 'column'
    },
    popupContent: {
        paddingTop: '12px',
        paddingBottom: '8px',
        width: '770px'
    },
    divider: {
        marginBottom: '4px',
        borderColor: 'rgba(0, 0, 0, 0.1)'
    },
    changedFiltersIndicator: {
        backgroundColor: (0, styles_1.alpha)(theme.palette.primary.main, 0.12)
    }
}); });
