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

Reusable React components for building web experiences.

define(["require", "exports", "react", "./useThemeProviderClasses", "./useThemeProvider", "@fluentui/utilities", "@fluentui/react-hooks"], function (require, exports, React, useThemeProviderClasses_1, useThemeProvider_1, utilities_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 = react_hooks_1.useMergedRefs(ref, React.useRef(null));
        var _a = useThemeProvider_1.useThemeProvider(props, {
            ref: rootRef,
            as: 'div',
            applyTo: 'element',
        }), render = _a.render, state = _a.state;
        // Render styles.
        useThemeProviderClasses_1.useThemeProviderClasses(state);
        // Apply focus rect class on key presses.
        utilities_1.useFocusRects(state.ref);
        // Return the rendered content.
        return render(state);
    });
    exports.ThemeProvider.displayName = 'ThemeProvider';
});
//# sourceMappingURL=ThemeProvider.js.map