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

Reusable React components for building web experiences.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useTheme = void 0;
var react_1 = require("react");
var utilities_1 = require("@fluentui/utilities");
var theme_1 = require("@fluentui/theme");
var ThemeContext_1 = require("./ThemeContext");
/**
 * Get theme from CustomizerContext or Customizations singleton.
 */
function useCompatTheme() {
    return (0, utilities_1.useCustomizationSettings)(['theme']).theme;
}
/**
 * React hook for programmatically accessing the theme.
 */
var useTheme = function () {
    var theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
    var legacyTheme = useCompatTheme();
    return theme || legacyTheme || (0, theme_1.createTheme)({});
};
exports.useTheme = useTheme;
//# sourceMappingURL=useTheme.js.map