"use client"

export function RecentSales({ data }: any) {
  return (
    <div className="space-y-8">
      {
        Array?.isArray(data) && data?.length > 0 ? data?.map((res,index:number) => (
          <div className="flex items-center" key={index}>
            <div className=" space-y-1">
              <p className="text-sm font-normal  theme-color  leading-none">{res?.job_title ? res?.job_title :"N/A"}</p>
            </div>
            <div className="ml-auto gray font-normal">{res?.total_search ? res?.total_search :0}</div>
          </div>

        )):""
      }



      {/* <div className="flex items-center">
        <div className=" space-y-1">
          <p className="text-sm font-normal  theme-color leading-none">Remote</p>
        </div>
        <div className="ml-auto gray font-normal">13</div>
      </div>
      <div className="flex items-center">
        <div className=" space-y-1">
          <p className="text-sm font-normal  theme-color leading-none">Work From Office</p>
        </div>
        <div className="ml-auto gray font-normal">9</div>
      </div>
      <div className="flex items-center">
        <div className=" space-y-1">
          <p className="text-sm font-normal  theme-color leading-none">Canberra</p>
        </div>
        <div className="ml-auto gray font-normal">7</div>
      </div> */}
    </div>
  );
}