deleteModal.js

// ScheduleItem.js

import React from 'react';
import delete_styles from './deleteModal.module.css';
const ScheduleDeleteModal = ({ isOpen, onClose, onDelete, schedule }) => {
  console.log('모달창:',isOpen);
  if (schedule) {
    const scheduleContent =  schedule.target.id;
    
  }
  if (isOpen===true){
    return (
      <div className={delete_styles.Demodal}>
      
        {/* 삭제 모달 */}
        <div className={delete_styles.Demodal_content}>
          <div className={delete_styles.method_text}>어떤 방식으로 삭제하시겠습니까?</div>
         
          {/* <div>{scheduleContent}</div> */}
          <button onClick={() => onDelete(schedule.id)}>하나만 삭제</button>
          <button onClick={() => onDelete(schedule.id, 'afterDay')}>오늘 이후로 삭제</button>
          <button onClick={() => onDelete(schedule.id, 'total')}>전체 삭제</button>
          <button onClick={onClose}>취소</button>
        </div>
      </div>
      
    );
  }

};


export default ScheduleDeleteModal;