@kiwicom/smart-faq/lib/StaticFAQ/FAQExtraInfo/BaggageInfo/BaggageDescription.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 = exports.BaggageDescription = void 0;

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

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

var _reactRelay = require("react-relay");

var _icons = require("@kiwicom/orbit-components/lib/icons");

var _Text = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Text"));

// @flow
function renderIcon(category
/*: ?string*/
) {
  switch (category) {
    case 'CABIN_BAG':
      return React.createElement(_icons.BaggageCabin, {
        size: "medium",
        customColor: "#bac7d5"
      });

    case 'CHECKED':
      return React.createElement(_icons.BaggageChecked, {
        size: "medium",
        customColor: "#bac7d5"
      });

    case 'PERSONAL_ITEM':
      return React.createElement(_icons.BaggagePersonalItem, {
        size: "medium",
        customColor: "#bac7d5"
      });
  }

  return null;
}

function formatCategory(category
/*: ?string*/
) {
  switch (category) {
    case 'CABIN_BAG':
      return React.createElement(_Text.default, {
        t: "smartfaq.baggage_info.cabin_bag"
      });

    case 'CHECKED':
      return React.createElement(_Text.default, {
        t: "smartfaq.baggage_info.checked_baggage"
      });

    case 'PERSONAL_ITEM':
      return React.createElement(_Text.default, {
        t: "smartfaq.baggage_info.personal_item"
      });
  }

  return null;
}

var BaggageDescription = function BaggageDescription(_ref) {
  var bag = _ref.data.bag;

  if (!bag) {
    return;
  }

  var height = bag.height,
      weight = bag.weight,
      width = bag.width,
      length = bag.length,
      category = bag.category;
  return React.createElement(React.Fragment, null, React.createElement("hr", {
    className: "jsx-677876937" + " " + "separationLine"
  }), React.createElement("div", {
    className: "jsx-677876937" + " " + "baggageRow"
  }, renderIcon(category), React.createElement("p", {
    className: "jsx-677876937" + " " + "baggageWeight"
  }, formatCategory(category), " ", weight, " kg"), React.createElement("div", {
    className: "jsx-677876937" + " " + "baggageSize"
  }, React.createElement("p", {
    className: "jsx-677876937"
  }, height, " x ", width, " x ", length, " cm"))), React.createElement(_style.default, {
    styleId: "677876937",
    css: "div.baggageRow.jsx-677876937{padding:15px 24px 15px 24px;}div.baggageSize.jsx-677876937{display:inline-block;float:right;}div.baggageSize.jsx-677876937 p.jsx-677876937{font-size:12px;line-height:1.4;color:#46515e;}div.baggageNumber.jsx-677876937{display:inline-block;margin-right:8px;}div.baggageNumber.jsx-677876937 p.jsx-677876937{font-size:14px;font-weight:bold;line-height:1.4;color:#46515e;display:inline-block;}p.baggageWeight.jsx-677876937{margin-left:5px;font-size:14px;font-weight:bold;line-height:1.4;color:#46515e;display:inline-block;}hr.separationLine.jsx-677876937{height:1px;background-color:#e8edf1;border:none;}"
  }));
};

exports.BaggageDescription = BaggageDescription;

var _default = (0, _reactRelay.createFragmentContainer)(BaggageDescription, {
  data: function data() {
    var node = require("./__generated__/BaggageDescription.graphql");

    if (node.hash && node.hash !== "c827c87035440924d31a56e0d83bcdc6") {
      console.error("The definition of 'BaggageDescription' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.");
    }

    return require("./__generated__/BaggageDescription.graphql");
  }
});

exports.default = _default;