ScheduleModal.js 1.1 KB
Newer Older
Kim, Subin's avatar
Kim, Subin committed
1
2
3
4
5
6
import Item from "../AdminScheduleItem.js";
import styles from "./modal.module.scss";

const ScheduleModal = () => {
    return (
        <div className="modal" id="scheduleModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="scheduleModalLabel" aria-hidden="true">
Kim, Subin's avatar
Kim, Subin committed
7
            <div className="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable">
Kim, Subin's avatar
Kim, Subin committed
8
9
10
11
12
13
14
                <div className="modal-content">
                    <div className={`modal-header ${styles.header}`}>
                        <h5 className="modal-title mx-auto" id="scheduleModalLabel">Modal title</h5>
                        <button type="button" className={`btn-close btn-close-white ms-0 ${styles.closeBtn}`} data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div className={`modal-body text-dark ${styles.body}`}>
                        <Item />
Kim, Subin's avatar
Kim, Subin committed
15
                        <p className="mb-0">선택한 날짜에 일정이 없습니다.</p>
Kim, Subin's avatar
Kim, Subin committed
16
17
18
19
20
21
22
23
                    </div>
                </div>
            </div>
        </div>
    )
}

export default ScheduleModal