import React, { useState } from "react";
import { Link } from "react-router-dom";
import { toast } from "react-toastify";
import activeAidsBanner from "../../assets/images/kids-waiting.jpg";
import HeroUser from "../../assets/images/hero-user.png";
import CountDown from "../Helpers/CountDown";
import ParentWaitingTable from "./ParentWaitingTable";

export default function ParentWaiting({ className }) {
    const [addFavorite, setValue] = useState(false);
    const favoriteHandler = () => {
        if (!addFavorite) {
            setValue(true);
            toast.success("Added to Favorite List");
        } else {
            setValue(false);
            toast.warn("Remove to Favorite List");
        }
    };
    return (
        <>
            <div className={`overview-section w-full ${className || ""}`}>
                <div>
                    <h1 className="text-26 font-bold   text-dark-gray dark:text-white">Waiting for Parent to Get Started...</h1>
                </div>
                <div className="overview-section-wrapper lg:flex lg:h-[494px] lg:pace-x-2">
                    <div className="lg:w-[540px] w-full h-full bg-white dark:bg-dark-white   rounded-2xl overflow-hidden mb-10">
                        <img
                            src={activeAidsBanner}
                            alt="banner"
                            className="w-full lg:h-full h-[400px]"
                        />
                    </div>

                    <div className="overview-countdown lg:w-2/5 w-full h-full flex flex-col justify-between lg:pl-11 rounded-2xl bg-white dark:bg-dark-white  ">
                        {<ParentWaitingTable />}

              {/*          <div className="lg:mb-0 mb-3">*/}
              {/*              <h1 className="text-2xl font-bold text-dark-gray dark:text-white tracking-wide">*/}
              {/*                  Lock and Lob x Fiesta Spurs*/}
              {/*              </h1>*/}
              {/*              <span className="text-[18px] font-thin tracking-wide   text-dark-gray dark:text-white">*/}
              {/*  ID : 2320382*/}
              {/*</span>*/}
              {/*          </div>*/}
              {/*          /!* user *!/*/}
              {/*          <div className="flex items-center space-x-3 lg:mb-0 mb-3">*/}
              {/*              <div className="w-14 h-14 flex justify-center items-center rounded-full overflow-hidden">*/}
              {/*                  <img src={HeroUser} alt="" />*/}
              {/*              </div>*/}
              {/*              <div>*/}
              {/*                  <p className="text-xl tracking-wide font-bold antise   text-dark-gray dark:text-white">*/}
              {/*                      Brokln Simons*/}
              {/*                  </p>*/}
              {/*                  <p className="text-sm tracking-wide   text-dark-gray dark:text-white">*/}
              {/*                      @broklinslam_75*/}
              {/*                  </p>*/}
              {/*              </div>*/}
              {/*          </div>*/}

                    </div>
                </div>
            </div>
        </>
    );
}

