interface DetailPendingPaymentInfoSectionProps {
    paymentInfo?: any;
    show?: boolean;
    onClickToShowInfo?: () => void;
}

export const DetailPaymentInfoSection = ({
    paymentInfo,
    show,
    onClickToShowInfo
}: DetailPendingPaymentInfoSectionProps) => {

    return (
        <>
            <div className="txn-section">
                <div className="section-title">결제 정보</div>
                <ul className="kv-list">
                    <li className="kv-row">
                        <span className="k">진행상태</span>
                        <span className="v">발송요청</span>
                    </li>
                    <li className="kv-row">
                        <span className="k">요청일자</span>
                        <span className="v">2025.06.05</span>
                    </li>
                    <li className="kv-row">
                        <span className="k">결제유효일자</span>
                        <span className="v">2025.06.08</span>
                    </li>
                    <li className="kv-row">
                        <span className="k">발송수단</span>
                        <span className="v">SMS</span>
                    </li>
                    <li className="kv-row">
                        <span className="k">구매자명</span>
                        <span className="v">김*환</span>
                    </li>
                    <li className="kv-row">
                        <span className="k">이메일</span>
                        <span className="v"></span>
                    </li>
                    <li className="kv-row">
                        <span className="k">휴대폰번호</span>
                        <span className="v">01073937470</span>
                    </li>
                    <li className="kv-row">
                        <span className="k">상품명</span>
                        <span className="v">곰돌이</span>
                    </li>
                    <li className="kv-row">
                        <span className="k">주문번호</span>
                        <span className="v">moid201705545050</span>
                    </li>
                </ul>
            </div>
        </>
    )
}