import DateTime from "@/app/component/date/dateTime";

function Hour({ doctor, setStep, date, locateVisit, isStep, setSelectedSlot, setSelectedDate, serviceMode = false, selectedServiceUuids = [] }) {
  return (
    <div className="flex relative mt-[24px] flex-col items-start gap-[12px] justify-start">
      <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
        2. انتخاب ساعت
      </p>
      <DateTime
        date={date}
        doctor={doctor}
        setStep={setStep}
        locateVisit={locateVisit}
        setSelectedSlot={setSelectedSlot}
        setSelectedDate={setSelectedDate}
        serviceMode={serviceMode}
        selectedServiceUuids={selectedServiceUuids}
      />
      {!isStep && (
        <div className="absolute left-0 top-0 w-full h-full bg-[rgba(255,255,255,0.84)]"></div>
      )}
    </div>
  );
}

export default Hour;