function ActivityTimeline(props) {
    const { variant, ...rest } = props;
    if (variant === 'accordion') {
        // eslint-disable-next-line react/jsx-props-no-spreading
        return <AccordionTimeline {...rest} />;
    }
    // eslint-disable-next-line react/jsx-props-no-spreading
    return <BasicTimeline {...rest} />;
}
The ActivityTimeline displays each of any item's upcoming, current, and past activities in chronological order (ascending or descending).
Notice that ActivityTimeline and TimelineMarker components are related and should be implemented together.
@category Layout