@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.
59 lines (58 loc) • 2.11 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 React = _interopRequireWildcard(require("react"));
var _Text = _interopRequireDefault(require("../../../Text"));
var _Stack = _interopRequireDefault(require("../../../Stack"));
var _ProgressLine = _interopRequireDefault(require("./ProgressLine"));
var _TypeIcon = _interopRequireDefault(require("./TypeIcon"));
var _TextWrapper = _interopRequireDefault(require("./TextWrapper"));
const TimelineStepMobile = ({
type,
subLabel,
label,
nextType,
children,
active,
last
}) => {
return /*#__PURE__*/React.createElement("li", {
className: "relative"
}, /*#__PURE__*/React.createElement(_Stack.default, {
flex: true,
spaceAfter: last ? undefined : "large",
align: "stretch",
desktop: {
align: "start"
}
}, /*#__PURE__*/React.createElement(_TypeIcon.default, {
type: type,
active: !!active,
mobile: true
}), !last && /*#__PURE__*/React.createElement(_ProgressLine.default, {
status: nextType,
prevStatus: type
}), /*#__PURE__*/React.createElement(_Stack.default, {
flex: true,
shrink: true,
direction: "column",
spacing: "100"
}, /*#__PURE__*/React.createElement(_Stack.default, {
flex: true,
direction: "column",
spacing: "100"
}, /*#__PURE__*/React.createElement(_TextWrapper.default, {
active: active || last && type === "success"
}, /*#__PURE__*/React.createElement(_Text.default, {
weight: "bold"
}, label)), subLabel && /*#__PURE__*/React.createElement(_TextWrapper.default, {
active: active
}, /*#__PURE__*/React.createElement(_Text.default, {
size: "small"
}, subLabel))), children && /*#__PURE__*/React.createElement(_TextWrapper.default, {
active: active || last && type === "success"
}, /*#__PURE__*/React.createElement(_Text.default, null, children)))));
};
var _default = exports.default = TimelineStepMobile;