@fluentui/react/lib-amd/utilities/ThemeProvider/ThemeProvider.js

Reusable React components for building web experiences.

define(["require", "exports", "react", "./useThemeProviderClasses", "./useThemeProvider", "@fluentui/react-hooks"], function (require, exports, React, useThemeProviderClasses_1, useThemeProvider_1, react_hooks_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.ThemeProvider = void 0;
    /**
     * ThemeProvider, used for providing css variables and registering stylesheets.
     */
    exports.ThemeProvider = React.forwardRef(function (props, ref) {
        var rootRef = (0, react_hooks_1.useMergedRefs)(ref, React.useRef(null));
        var _a = (0, useThemeProvider_1.useThemeProvider)(props, {
            ref: rootRef,
            as: 'div',
            applyTo: 'element',
        }), render = _a.render, state = _a.state;
        // Render styles.
        (0, useThemeProviderClasses_1.useThemeProviderClasses)(state);
        // Return the rendered content.
        return render(state);
    });
    exports.ThemeProvider.displayName = 'ThemeProvider';
});
//# sourceMappingURL=ThemeProvider.js.map