cloudhubui/dist/baseweb/theme/BaseTheme.js

Various components to use in react projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _styletronEngineAtomic = require("styletron-engine-atomic");

var _baseui = require("baseui");

var _styletronReact = require("styletron-react");

var _BaseWebTheme = _interopRequireDefault(require("./BaseWebTheme"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var engine = new _styletronEngineAtomic.Client({
  hydrate: document.getElementsByClassName('_styletron_hydrate_')
});

var BaseTheme = function BaseTheme(_ref) {
  var children = _ref.children,
      colors = _ref.colors,
      fonts = _ref.fonts,
      sizes = _ref.sizes;
  return /*#__PURE__*/_react.default.createElement(_styletronReact.Provider, {
    value: engine
  }, /*#__PURE__*/_react.default.createElement(_baseui.BaseProvider, {
    overrides: {
      AppContainer: {
        style: {
          height: '100%',
          flex: 1,
          display: 'flex',
          flexDirection: 'column'
        }
      }
    },
    theme: (0, _BaseWebTheme.default)({
      colors: colors,
      fonts: fonts,
      sizes: sizes
    })
  }, children));
};

var _default = BaseTheme;
exports.default = _default;