@kiwicom/smart-faq/lib/SmartFAQ/GlobalStyles.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

var _style = _interopRequireDefault(require("styled-jsx/style"));

var React = _interopRequireWildcard(require("react"));

var _styledComponents = require("styled-components");

// @flow
var GlobalStyles = function GlobalStyles(_ref) {
  var theme = _ref.theme;
  return React.createElement(_style.default, {
    styleId: "287141805",
    css: ".smartFAQ{display:none;position:fixed;min-width:480px;top:0;bottom:0;right:0;background-color:".concat(theme.orbit.backgroundModal, ";font-family:").concat(theme.orbit.fontFamily, ";}.smartFAQ.open{display:block;}.smartFAQ *{box-sizing:border-box;font-family:").concat(theme.orbit.fontFamily, ";}@media only screen and (max-width:901px){.smartFAQ{min-width:100%;}}"),
    dynamic: [theme.orbit.backgroundModal, theme.orbit.fontFamily, theme.orbit.fontFamily]
  });
};

var ThemedGlobalStyles = function ThemedGlobalStyles() {
  return React.createElement(_styledComponents.ThemeConsumer, null, function (theme) {
    return React.createElement(GlobalStyles, {
      theme: theme
    });
  });
};

var _default = ThemedGlobalStyles;
exports.default = _default;