@chakra-ui/core/dist/ThemeProvider/index.js

Responsive and accessible React UI components built with React and Emotion

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.useTheme = exports["default"] = void 0;

var _core = require("@emotion/core");

var _emotionTheming = require("emotion-theming");

var _react = require("react");

var _theme = _interopRequireDefault(require("../theme"));

/** @jsx jsx */
var ThemeProvider = function ThemeProvider(_ref) {
  var theme = _ref.theme,
      children = _ref.children;
  return (0, _core.jsx)(_emotionTheming.ThemeProvider, {
    theme: theme
  }, children);
};

ThemeProvider.defaultProps = {
  theme: _theme["default"]
};

var useTheme = function useTheme() {
  var theme = (0, _react.useContext)(_core.ThemeContext);

  if (theme === undefined) {
    throw new Error("useTheme must be used within a ThemeProvider");
  }

  return theme;
};

exports.useTheme = useTheme;
var _default = ThemeProvider;
exports["default"] = _default;