import SelectDatePicker from "./SelectDatePicker";

function Time({ isStep, setDate, disabledDates, clinicUuid, resourceUuid = null, selectedServiceUuids = [] }) {
  return (
    <div className="flex relative mt-[24px] flex-col items-start gap-[19px] justify-start">
      <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
        1. انتخاب روز
      </p>
      <SelectDatePicker
        setDate={setDate}
        disabledDates={disabledDates}
        clinicUuid={clinicUuid}
        resourceUuid={resourceUuid}
        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 Time;