"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TestStylesProvider = void 0;
var react_1 = __importDefault(require("react"));
var jss_1 = require("jss");
var styles_1 = require("@mui/styles");
var styles_2 = require("@mui/material/styles");
var TestStylesProvider = function (_a) {
    var children = _a.children;
    var jss = (0, jss_1.create)();
    var muiTheme = (0, styles_2.createTheme)({});
    var generateClassName = (0, styles_1.createGenerateClassName)({ productionPrefix: '', disableGlobal: false });
    jss.use({
        onProcessStyle: function (style) { return ({
            display: style.display,
            visibility: style.visibility,
            'pointer-events': style['pointer-events']
        }); }
    });
    return (react_1.default.createElement(styles_2.ThemeProvider, { theme: muiTheme },
        react_1.default.createElement(styles_1.StylesProvider, { jss: jss, generateClassName: function (rule, styleSheet) { return rule.key || generateClassName(rule, styleSheet); } }, children)));
};
exports.TestStylesProvider = TestStylesProvider;
