@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.
70 lines (55 loc) • 2.63 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _Calendar = _interopRequireDefault(require("../../icons/Calendar"));
var _defaultTheme = _interopRequireDefault(require("../../defaultTheme"));
var _Text = _interopRequireWildcard(require("../../Text"));
var _Clock = _interopRequireDefault(require("../../icons/Clock"));
var _Stack = _interopRequireDefault(require("../../Stack"));
var _Badge = _interopRequireDefault(require("../../Badge"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
var StyledTripDate = _styledComponents.default.div.withConfig({
displayName: "TripDate__StyledTripDate",
componentId: "sc-1t2zo5b-0"
})(["display:flex;align-items:center;margin-bottom:", ";padding-bottom:", ";background:", ";z-index:1;", "{font-weight:", ";height:", ";}"], function (_ref) {
var theme = _ref.theme;
return theme.orbit.spaceXSmall;
}, function (_ref2) {
var theme = _ref2.theme;
return theme.orbit.spaceXXSmall;
}, function (_ref3) {
var theme = _ref3.theme;
return theme.orbit.paletteWhite;
}, _Text.StyledText, function (_ref4) {
var theme = _ref4.theme;
return theme.orbit.fontWeightMedium;
}, function (_ref5) {
var theme = _ref5.theme;
return theme.orbit.heightIconSmall;
});
StyledTripDate.defaultProps = {
theme: _defaultTheme.default
};
var TripDate = function TripDate(_ref6) {
var children = _ref6.children,
dataTest = _ref6.dataTest,
duration = _ref6.duration;
return React.createElement(StyledTripDate, {
"data-test": dataTest
}, React.createElement(_Stack.default, {
direction: "row",
spacing: "condensed",
shrink: true
}, React.createElement(_Calendar.default, {
size: "small"
}), React.createElement(_Text.default, null, children)), duration && React.createElement(_Badge.default, {
icon: React.createElement(_Clock.default, null)
}, duration));
};
var _default = TripDate;
exports.default = _default;