danovinTasks/src/components/TimeLineComponent/index.js

import React from "react";
import SearchBox from "../SearchBox";
import TitleSubtitle from "../TitleSubtitle";

import Timeline from "./Timeline.js";

import search from "./gray-search-icon.svg";
import SelectYear from "../SelectYear";

const TimeLineComponent = ({ data }) => {
  return (
    <div className="px-10 py-4 mx-auto bg-white">
      <div className="flex flex-row items-start justify-between">
        <div>
          <TitleSubtitle subTitle={false} titleBorderClassName={"ml-2"} />
          <SelectYear />
        </div>
        <div className="flex-1">
          <Timeline />
        </div>
        <SearchBox inputWidth={"100%"} searchIcon={search} borderClr="#ddd" />
      </div>
    </div>
  );
};

export default TimeLineComponent;