@kiwicom/smart-faq/lib/FullPage/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 Styles = function Styles(_ref) {
  var theme = _ref.theme;
  return React.createElement(_style.default, {
    styleId: "980403111",
    css: ".SmartFAQ{max-width:740px;margin:auto;font-family:".concat(theme.orbit.fontFamily, ";}body{padding-top:92px;padding-bottom:40px;background:").concat(theme.orbit.backgroundBody, ";font-family:").concat(theme.orbit.fontFamily, ";}"),
    dynamic: [theme.orbit.fontFamily, theme.orbit.backgroundBody, theme.orbit.fontFamily]
  });
};

var MarkdownStyles = function MarkdownStyles(_ref2) {
  var theme = _ref2.theme;
  return React.createElement("style", {
    dangerouslySetInnerHTML: {
      __html: "\n        .SmartFAQMarkdownField {\n          font-family: ".concat(theme.orbit.fontFamily, ";\n          font-size: ").concat(theme.orbit.fontSizeTextNormal, ";\n          font-weight: ").concat(theme.orbit.fontWeightNormal, ";\n          color: ").concat(theme.orbit.colorTextPrimary, ";\n          line-height: ").concat(theme.orbit.lineHeightText, ";\n          text-align: left;\n          margin: 0;\n        }")
    }
  });
};

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

var _default = GlobalStyles;
exports.default = _default;