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

function Hour({ doctor, setStep, setIsError, locateVisit, isStep }) {
    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">3. انتخاب ساعت</p>
            <DateTime
                doctor={doctor}
                setStep={setStep}
                setIsError={setIsError}
                locateVisit={locateVisit}
            />
            {!isStep && (
                <div className="absolute left-0 top-0 w-full h-full bg-[rgba(255,255,255,0.84)]"></div>
            )}
        </div>
    )
}

export default Hour