@kiwicom/smart-faq/lib/shared/StaticFAQ/emergencies/EmergencyHeader.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 _Heading = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Heading"));

var _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate"));

var _Responsive = require("../../../SmartFAQ/common/Responsive");

// @flow
var renderHeader = function renderHeader(className
/*: string*/
, title
/*: string*/
, styles
/*:: ?: string*/
) {
  return React.createElement("div", {
    className: _style.default.dynamic([["9118284", [styles ? styles : '']]]) + " " + (className || "")
  }, React.createElement(_Heading.default, {
    type: "title3"
  }, React.createElement(_Translate.default, {
    t: title
  })), React.createElement(_style.default, {
    styleId: "9118284",
    css: ".emergencyHeader.__jsx-style-dynamic-selector{margin-bottom:16px;".concat(styles ? styles : '', ";}.emergencyHeaderMobile.__jsx-style-dynamic-selector{margin:22px;}"),
    dynamic: [styles ? styles : '']
  }));
};

var EmergencyHeader = function EmergencyHeader(_ref) {
  var title = _ref.title,
      styles = _ref.styles;
  return React.createElement("div", null, React.createElement(_Responsive.Desktop, null, renderHeader('emergencyHeader', title, styles)), React.createElement(_Responsive.Mobile, null, renderHeader('emergencyHeaderMobile', title, styles)));
};

var _default = EmergencyHeader;
exports.default = _default;