define(["require", "exports", "tslib", "react", "@fluentui/merge-styles", "../hooks/useMergeStylesHooks"], function (require, exports, tslib_1, React, merge_styles_1, useMergeStylesHooks_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.MergeStylesShadowRootProvider = exports.MergeStylesShadowRootContext = void 0;
    exports.MergeStylesShadowRootContext = React.createContext(undefined);
    /**
     * Context for a shadow root.
     */
    var MergeStylesShadowRootProvider = function (_a) {
        var shadowRoot = _a.shadowRoot, props = tslib_1.__rest(_a, ["shadowRoot"]);
        var value = React.useMemo(function () {
            return {
                stylesheets: new Map(),
                shadowRoot: shadowRoot,
            };
        }, [shadowRoot]);
        return (React.createElement(exports.MergeStylesShadowRootContext.Provider, tslib_1.__assign({ value: value }, props),
            React.createElement(GlobalStyles, null),
            props.children));
    };
    exports.MergeStylesShadowRootProvider = MergeStylesShadowRootProvider;
    var GlobalStyles = function (props) {
        var useAdoptedStylesheet = (0, useMergeStylesHooks_1.useMergeStylesHooks)().useAdoptedStylesheet;
        useAdoptedStylesheet(merge_styles_1.GLOBAL_STYLESHEET_KEY);
        return null;
    };
});
//# sourceMappingURL=MergeStylesShadowRootContext.js.map