@kiwicom/smart-faq/lib/SmartFAQ/SingleBookingPage/bookingItem/AccordionHeader.js

Smart FAQ

"use strict";

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

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

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

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

var _idx = _interopRequireDefault(require("idx"));

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

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

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

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

var _Stack = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Stack"));

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

var _CarrierLogoWrapper = _interopRequireDefault(require("./CarrierLogoWrapper"));

var _dateUtils = require("../../helpers/dateUtils");

// @flow
var AccordionHeader = function AccordionHeader(_ref) {
  var trip = _ref.trip,
      isToggled = _ref.isToggled,
      theme = _ref.theme;
  var departureDate = (0, _idx.default)(trip, function (_) {
    return _.departure.localTime;
  });
  var departureCode = (0, _idx.default)(trip, function (_) {
    return _.departure.airport.locationId;
  });
  var departureCity = (0, _idx.default)(trip, function (_) {
    return _.departure.airport.city.name;
  });
  var arrivalCity = (0, _idx.default)(trip, function (_) {
    return _.arrival.airport.city.name;
  });
  var arrivalCode = (0, _idx.default)(trip, function (_) {
    return _.arrival.airport.locationId;
  });
  return React.createElement(_Stack.default, {
    flex: true,
    align: "center"
  }, React.createElement("div", null, React.createElement(_CarrierLogoWrapper.default, {
    legs: trip.legs
  })), React.createElement(_Stack.default, {
    spacing: "extraTight"
  }, React.createElement(_Text.default, {
    type: "secondary",
    size: "small"
  }, departureDate ? React.createElement(_dateUtils.FormatDate, {
    dateString: departureDate
  }) : null), React.createElement(_Stack.default, {
    flex: true,
    align: "center"
  }, React.createElement(_Text.default, {
    weight: "bold",
    type: "primary"
  }, departureCity, "\xA0", departureCode), React.createElement(_FlightDirect.default, {
    customColor: theme.orbit.paletteInkLighter
  }), React.createElement(_Text.default, {
    weight: "bold",
    type: "primary"
  }, arrivalCity, "\xA0", arrivalCode))), isToggled ? React.createElement(_ChevronUp.default, {
    customColor: theme.orbit.paletteInkLighter
  }) : React.createElement(_ChevronDown.default, {
    customColor: theme.orbit.paletteInkLighter
  }));
};

var _default = (0, _styledComponents.withTheme)(AccordionHeader);

exports.default = _default;