@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.
51 lines (50 loc) • 1.97 kB
JavaScript
;
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 _rtl = require("../../../utils/rtl");
var _defaultTheme = _interopRequireDefault(require("../../../defaultTheme"));
var _helpers = require("./helpers");
const getBorderStyle = ({
desktop,
status,
nextStatus,
theme,
last,
prevStatus
}) => {
if (desktop) {
if (status && !nextStatus && !last) {
return (0, _styledComponents.css)(["border-image-slice:1;border-image-source:linear-gradient( to right,", ",", " );"], (0, _helpers.renderStatus)(prevStatus, theme), (0, _helpers.renderStatus)(status, theme));
}
}
if (status && !nextStatus && !last) {
return (0, _styledComponents.css)(["border-image-slice:1;border-image-source:linear-gradient( to bottom,", ",", " );"], (0, _helpers.renderStatus)(prevStatus, theme), (0, _helpers.renderStatus)(status, theme));
}
return (0, _styledComponents.css)(["border-color:", ";"], (0, _helpers.renderStatus)(status, theme));
};
const StyledProgressLine = _styledComponents.default.span.withConfig({
displayName: "StyledProgressLine",
componentId: "sc-pwuxl0-0"
})(["", ""], ({
desktop,
theme,
status,
nextStatus,
prevStatus,
last
}) => (0, _styledComponents.css)(["position:", ";top:", ";border-width:1px;border-style:", ";", ";", ":", ";width:", ";height:", ";"], !desktop && "absolute", !desktop && "15px", !status ? "dashed" : "solid", getBorderStyle({
desktop,
theme,
status,
nextStatus,
prevStatus,
last
}), _rtl.left, !desktop && "11px", desktop && "50%", !desktop && `calc(100% + 2px)`));
StyledProgressLine.defaultProps = {
theme: _defaultTheme.default
};
var _default = StyledProgressLine;
exports.default = _default;