danovinTasks/src/components/TimeLineComponent/index.js

// it has style inside index.scss ---> // Start TimeLineComponent && end TimeLineComponent

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} />
          <SelectYear />
        </div>
        <div className="flex-1">
          <Timeline />
        </div>
        <SearchBox
          searchIcon={search}
          className={"border-[#ddd] focus:border-gray-200 focus:ring-gray-200"}
        />
      </div>
    </div>
  );
};

export default TimeLineComponent;