ReservationDetails.js

import styles from "./reservation-details.module.scss";

const ReservationDetails = () => {
    return (
        <div className={`d-flex flex-column align-items-center ${styles.width}`}>
            <div className={`${styles.header}`}>나의 예매 내역</div>
            <div className={`${styles.body}`}>
                <div className={`d-flex justify-content-around align-items-center py-3`}>
                    <div className={`${styles.span} d-flex justify-content-center`}>
                        <span className={`${styles.layout}`}>영화 포스터</span>
                    </div>
                    <div className={`${styles.span} d-flex flex-column`}>
                        <span className={`${styles.layout}`}>영화제목</span>
                        <span className={`${styles.layout}`}>예매확인번호</span>
                        <span className={`${styles.layout}`}>예매날짜</span>
                        <span className={`${styles.layout}`}>상영관</span>
                        <span className={`${styles.layout}`}>좌석정보</span>
                        <span className={`${styles.layout}`}>결제금액</span>
                        <span className={`${styles.layout}`}>결제수단</span>
                    </div>
                </div>
            </div>
            <div className={`${styles.header}`}>나의 리뷰</div>
        </div>
    )
}

export default ReservationDetails