@sberdevices/plasma-temple/dist/components/GlobalStyles/GlobalStyles.js

SberDevices CanvasApp Templates.

"use strict";

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

var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));

var _styledComponents = /*#__PURE__*/require("styled-components");

var _plasmaTokens = /*#__PURE__*/require("@sberdevices/plasma-tokens");

var _themes = /*#__PURE__*/require("@sberdevices/plasma-tokens/themes");

var _AppStateContext = /*#__PURE__*/require("../PlasmaApp/AppStateContext");

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

var DocumentStyles = /*#__PURE__*/(0, _styledComponents.createGlobalStyle)([":root{", "}html{height:100vh;height:-webkit-fill-available;font-family:", ";}body{margin:0;color:", ";min-height:100vh;min-height:-webkit-fill-available;}"], process.env.NODE_ENV === 'development' || window.Cypress != null ? {
  backgroundImage: _plasmaTokens.gradient,
  backgroundAttachment: 'fixed'
} : {
  background: 'unset'
}, _plasmaTokens.fonts.Medium, _plasmaTokens.text);
var charactersTheme = {
  eva: /*#__PURE__*/(0, _styledComponents.createGlobalStyle)(_themes.darkEva),
  joy: /*#__PURE__*/(0, _styledComponents.createGlobalStyle)(_themes.darkJoy),
  sber: /*#__PURE__*/(0, _styledComponents.createGlobalStyle)(_themes.darkSber)
};

var GlobalStyles = /*#__PURE__*/_react["default"].memo(function () {
  var _React$useContext = _react["default"].useContext(_AppStateContext.AppStateContext),
      state = _React$useContext.state;

  var Theme = _react["default"].useMemo(function () {
    return charactersTheme[state.ui.character];
  }, [state.ui.character]);

  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Theme, null), /*#__PURE__*/_react["default"].createElement(DocumentStyles, null));
});

exports.GlobalStyles = GlobalStyles;
//# sourceMappingURL=GlobalStyles.js.map