import React from 'react';
// Taro mini-program component (WeChat / Alipay)

/**
 * E1. 小程序核心页面 - 购买页
 *
 * Coupon summary card, quantity selector, price calculation,
 * payment button (微信支付/支付宝/H5支付), order confirmation
 */

const PurchasePage: React.FC = () => {
  return (
    <view className="purchase-page">
      {/* Coupon Summary Card */}
      <view className="coupon-summary">
        <view className="summary-image">
          <text className="summary-icon">🎫</text>
        </view>
        <view className="summary-info">
          <text className="summary-brand">Starbucks</text>
          <text className="summary-name">星巴克 ¥25 礼品卡</text>
          <view className="summary-price-row">
            <text className="summary-price">¥21.25</text>
            <text className="summary-face">¥25</text>
            <view className="summary-discount">8.1折</view>
          </view>
        </view>
      </view>
    </view>
  );
};

export default PurchasePage;
