@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
15 lines (14 loc) • 714 B
JavaScript
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import classNames from "classnames";
import React from "react";
export const VuiTimeline = ({ children, spacing = "m" }) => {
const childrenCount = React.Children.count(children);
const wrappedChildren = React.Children.map(children, (child, index) => {
const isLast = index === childrenCount - 1;
const classes = classNames("vuiTimelineContainer", `vuiTimelineContainer--spacing-${spacing}`, {
"vuiTimelineContainer--bordered": !isLast
});
return _jsx("div", Object.assign({ className: classes }, { children: child }));
});
return _jsx(_Fragment, { children: wrappedChildren });
};