@kiwicom/orbit-components/lib/Timeline/TimelineStep/primitives/StyledProgressLine.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"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 _styledComponents = _interopRequireWildcard(require("styled-components"));

var _rtl = require("../../../utils/rtl");

var _defaultTheme = _interopRequireDefault(require("../../../defaultTheme"));

var renderStatus = function renderStatus(type, theme) {
  if (type === "success") return theme.orbit.colorTextSuccess;
  if (type === "warning") return theme.orbit.colorTextWarning;
  if (type === "critical") return theme.orbit.colorTextCritical;
  return theme.orbit.paletteCloudNormalHover;
};

var StyledProgressLine = _styledComponents.default.span.withConfig({
  displayName: "StyledProgressLine",
  componentId: "sc-1yvg893-0"
})(["", ""], function (_ref) {
  var desktop = _ref.desktop,
      theme = _ref.theme,
      status = _ref.status;
  return (0, _styledComponents.css)(["", ";", ";width:", ";", ":11px;background:", ";height:", ";"], !desktop && "position: absolute", !desktop && "top: 18px", desktop ? "50%" : "2px", _rtl.left, renderStatus(status, theme), desktop ? "2px" : "calc(100% + 4px)");
}); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198


StyledProgressLine.defaultProps = {
  theme: _defaultTheme.default
};
var _default = StyledProgressLine;
exports.default = _default;