danovinTasks/src/components/TimeLineComponent/Timeline.js

import React from "react";

import timeLineData from "./data.js";
import TimeLineItem from "./TimeLineItem.js";

const TimeLine = () =>
  timeLineData.length > 0 && (
    <div className="timeline-container flex flex-col relative  my-10">
      {timeLineData.slice(0, 3).map((data, idx) => (
        <TimeLineItem data={data} key={idx} />
      ))}
    </div>
  );

export default TimeLine;