@kiwicom/smart-faq/lib/shared/StaticFAQ/FAQExtraInfo/BoardingPassesInfo/InfoBox.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 _Text = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Text"));

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

var _Ticket = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/Ticket"));

// @flow
// TODO refactor to orbit
var styles = new String("div.boardingPassesCard{margin:22px 0 24px 0;width:100%;border-radius:3px;background-color:#ffffff;border:solid 1px #e8edf1;}div.iconTitle{margin:25px 12px 8.6px 24px;display:inline-block;}h1.title{vertical-align:middle;display:inline-block;font-size:22px;font-weight:500;line-height:1.2;color:#171b1e;margin:0;}div.subtitle{margin:0 24px 24px;}");
styles.__hash = "4050433201";
styles.__scoped = "div.boardingPassesCard.jsx-683006320{margin:22px 0 24px 0;width:100%;border-radius:3px;background-color:#ffffff;border:solid 1px #e8edf1;}div.iconTitle.jsx-683006320{margin:25px 12px 8.6px 24px;display:inline-block;}h1.title.jsx-683006320{vertical-align:middle;display:inline-block;font-size:22px;font-weight:500;line-height:1.2;color:#171b1e;margin:0;}div.subtitle.jsx-683006320{margin:0 24px 24px;}";
styles.__scopedHash = "683006320";
/*:: type Props = {|
  children: React.Node,
|};*/

var InfoBox = function InfoBox(_ref) {
  var children = _ref.children;
  return React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "boardingPassesCard"
  }, React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "iconTitle"
  }, React.createElement(_Ticket.default, {
    customColor: "black"
  })), React.createElement("h1", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "title"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.boarding_pass_info.title"
  })), React.createElement("div", {
    className: "jsx-".concat(styles.__scopedHash) + " " + "subtitle"
  }, React.createElement(_Text.default, {
    type: "attention",
    t: "smartfaq.boarding_pass_info.subtitle"
  })), children, React.createElement(_style.default, {
    styleId: styles.__scopedHash,
    css: styles.__scoped
  }));
};

var _default = InfoBox;
exports.default = _default;