import React from "react";
import datas from "../../data/product_data.json";
import TopSellerTopBuyerSliderSection from "./TopSellerTopBuyerSliderSection";
import CommonHead from "../UserHeader/CommonHead";
import FamilyActiveLSlde from "./FamilyActiveLSlde";
import ParentWaiting from "../MyPendingJobs/ParentWaiting";
import MyOffersFamilyTable from "../MyTasks/MyOffersFamilyTable";

export default function FamilyDash({familyOffers, MyActiveJobList}) {
  console.log("PROPS IN FAMILY DASH->", familyOffers);

  const trending = MyActiveJobList;
  return (
    <div>
      <div className="home-page-wrapper">
        {/* <CommonHead commonHeadData={props.commonHeadData} /> */}
        {familyOffers && familyOffers.length > 0 &&
        <MyOffersFamilyTable familyOffers={familyOffers} className="mb-10" />
        }
        {trending && trending.length > 0 &&
        <FamilyActiveLSlde trending={trending} className="mb-10" />
        }
        
        {/*<TopSellerTopBuyerSliderSection className="mb-10" />*/}
        <ParentWaiting className="mb-10" />
      </div>
    </div>
  );
}