@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
55 lines (54 loc) • 2.3 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var React = _interopRequireWildcard(require("react"));
var _BadgeListItem = require("../../BadgeList/BadgeListItem");
var _Stack = _interopRequireDefault(require("../../Stack"));
var _ItineraryTemporaryText = _interopRequireDefault(require("../ItineraryTemporaryText"));
// TODO: remove after designers will resolve status colors
// https://skypicker.slack.com/archives/GSGN9BN6Q/p1674568716519889
const ItineraryBadgeListItem = ({
children,
cancelledValue,
withBackground,
dataTest,
type = "neutral",
icon,
strikeThrough
}) => {
return /*#__PURE__*/React.createElement(_BadgeListItem.StyledBadgeListItem, {
"data-test": dataTest
}, /*#__PURE__*/React.createElement(_BadgeListItem.StyledVerticalBadge, {
$type: type,
"aria-hidden": true
}, /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/React.cloneElement(icon, {
color: (0, _BadgeListItem.getIconColor)(type)
})), /*#__PURE__*/React.createElement(_StyledStyledBadgeContent, {
$_css: cancelledValue ? `4px` : ""
}, /*#__PURE__*/React.createElement(_Stack.default, {
direction: "column",
spacing: "XXSmall"
}, /*#__PURE__*/React.createElement(_ItineraryTemporaryText.default, {
withBackground: withBackground,
type: withBackground && type !== "neutral" ? type : "secondary",
weight: withBackground ? "medium" : "normal",
size: "small",
as: "span",
strikeThrough: strikeThrough
}, children), cancelledValue && /*#__PURE__*/React.createElement(_ItineraryTemporaryText.default, {
type: "secondary",
size: "small",
as: "span",
strikeThrough: true,
weight: "medium"
}, cancelledValue))));
};
var _default = ItineraryBadgeListItem;
exports.default = _default;
var _StyledStyledBadgeContent = (0, _styledComponents.default)(_BadgeListItem.StyledBadgeContent).withConfig({
displayName: "ItineraryBadgeListItem___StyledStyledBadgeContent",
componentId: "sc-1xs5h6a-0"
})(["margin-top:", ";"], p => p.$_css);