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

Reusable React components for building web experiences.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ThemeProvider = void 0;
var React = require("react");
var useThemeProviderClasses_1 = require("./useThemeProviderClasses");
var useThemeProvider_1 = require("./useThemeProvider");
var react_hooks_1 = require("@fluentui/react-hooks");
/**
 * 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