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

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

    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">SMS</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">미완료(2)</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">2025.06.08</span>
                    </li>
                </ul>
            </div>
        </>
    )
}