@wix/design-system
Version:
@wix/design-system
60 lines (59 loc) • 2.01 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _TimelineSt = require("./Timeline.st.css.js");
var _Timeline = require("./Timeline.constants");
var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Timeline/Timeline.tsx";
function Timeline(_ref) {
var {
dataHook,
items,
className,
gap,
skin
} = _ref;
return /*#__PURE__*/_react.default.createElement("ol", {
className: (0, _TimelineSt.st)(_TimelineSt.classes.root, className),
"data-hook": dataHook,
"data-skin": skin,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 11,
columnNumber: 5
}
}, items.map((item, idx) => /*#__PURE__*/_react.default.createElement(_TimelineItem.default, {
key: idx,
item: item,
idx: idx,
dataHook: "".concat(_Timeline.dataHooks.timelineListEvent, "-").concat(idx),
gap: gap,
skin: skin,
__self: this,
__source: {
fileName: _jsxFileName,
lineNumber: 17,
columnNumber: 9
}
})));
}
Timeline.displayName = 'Timeline';
Timeline.propTypes = {
dataHook: _propTypes.default.string,
className: _propTypes.default.string,
gap: _propTypes.default.string,
items: _propTypes.default.arrayOf(_propTypes.default.shape({
label: _propTypes.default.node,
labelAction: _propTypes.default.node,
customPrefix: _propTypes.default.node,
suffix: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
line: _propTypes.default.oneOf(['filled', 'dashed'])
})).isRequired,
skin: _propTypes.default.oneOf(['dark', 'standard', 'neutral'])
};
var _default = exports.default = Timeline;
//# sourceMappingURL=Timeline.js.map