import JalaliDatePicker from "@/components/common/JalaliDatePicker";

function DatePickerContent({ type, updateDate, handleClose }) {
  return (
    <JalaliDatePicker
      className="!pt-[12px] !px-[12px] sm:!pt-[24px] sm:!px-[24px]"
      dayLabelRender={() => (
        <div className="day-label-bar-inner-rtl">
          <div className="day-label-item !text-[10px] font-semibold">شنبه</div>
          <div className="day-label-item !text-[10px] font-semibold">
            ۱ شنبه
          </div>
          <div className="day-label-item !text-[10px] font-semibold">
            ۲ شنبه
          </div>
          <div className="day-label-item !text-[10px] font-semibold">
            ۳ شنبه
          </div>
          <div className="day-label-item !text-[10px] font-semibold">
            ۴ شنبه
          </div>
          <div className="day-label-item !text-[10px] font-semibold">
            ۵ شنبه
          </div>
          <div className="day-label-item !text-[10px] font-semibold">جمعه</div>
        </div>
      )}
      onChange={(e) => {
        if (e._d) {
          updateDate && updateDate(e._d, type);
        }
        handleClose && handleClose();
      }}
    />
  );
}

export default DatePickerContent;
