PlanAlertModal.js

const PlanAlertModal = ({ planId, handleClick }) => {
    return (
        <div className="modal fade" id="planmodal" data-bs-backdrop="static" data-bs-keyboard="false" tabIndex="-1" aria-labelledby="planLabel" aria-hidden="true">
            <div className="modal-dialog modal-dialog-centered">
                <div className="modal-content">
                    <div className="modal-body">
                        관련 학업계획까지 삭제됩니다.
                        정말 삭제하시겠습니까?
                    </div>
                    <div className="modal-footer p-1">
                        <button type="button" className="btn btn-secondary btn-sm" data-bs-dismiss="modal">취소</button>
                        <button type="button" className="btn btn-crimson btn-sm" onClick={() => handleClick(planId)}>삭제</button>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default PlanAlertModal