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(props) {
  console.log("PROPS IN FAMILY DASH->", props);

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