import React from 'react';
import { st, classes } from './Timeline.st.css.js';
import { dataHooks } from './Timeline.constants';
import TimelineItem from './TimelineItem';
function Timeline({ dataHook, items, className, gap, skin }) {
    return (React.createElement("ol", { className: st(classes.root, className), "data-hook": dataHook, "data-skin": skin }, items.map((item, idx) => (React.createElement(TimelineItem, { key: idx, item: item, idx: idx, dataHook: `${dataHooks.timelineListEvent}-${idx}`, gap: gap, skin: skin })))));
}
Timeline.displayName = 'Timeline';
export default Timeline;
//# sourceMappingURL=Timeline.js.map