import React from "react";
import TimelineItem from "./TimelineItem";
import { Flex } from "../..";
import Text from "../../../asorted/Text";
export default function VerticalTimeline({ steps, onClickIndex, ...props }) {
    return (React.createElement(Flex, { ...props, flexDirection: "column", flex: 1 }, steps?.map((step, index) => (React.createElement(TimelineItem, { key: index, item: step, isFirstItem: index === 0, isLastItem: index === steps.length - 1, onClick: onClickIndex ? () => onClickIndex(index) : undefined })))));
}
const SubtitleText = props => (React.createElement(Text, { variant: "body", fontWeight: "semiBold", color: "neutral.c100", mb: 3, ...props }));
const BodyText = props => (React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c80", ...props }));
VerticalTimeline.BodyText = BodyText;
VerticalTimeline.SubtitleText = SubtitleText;
//# sourceMappingURL=index.js.map