import React from "react";
import { TimelineProps } from "./TimelineProps";
import { Timeline as KendoTimeline } from "@progress/kendo-react-layout";

const Timeline: React.FC<TimelineProps> = ({
  dataTestId,
  alterMode,
  className,
  collapsibleEvents,
  dateFormat,
  events,
  navigatable,
  transitionDuration,
  onActionClick,
  onChange,
}) => (
  <div data-test-id={dataTestId}>
    <KendoTimeline
      alterMode={alterMode}
      className={className}
      collapsibleEvents={collapsibleEvents}
      dateFormat={dateFormat}
      events={events}
      navigatable={navigatable}
      transitionDuration={transitionDuration}
      onActionClick={onActionClick}
      onChange={onChange}
    />
  </div>
);

export default Timeline;