import React from 'react';
/**
 * Summary 展示面板：原 SalesSdkDemoContent 内嵌实现的复用版。
 */
export var SummaryPanel = function SummaryPanel(_ref) {
  var summary = _ref.summary;
  return /*#__PURE__*/React.createElement("section", {
    className: "sales-sdk-demo__panel"
  }, /*#__PURE__*/React.createElement("h3", null, "Summary"), /*#__PURE__*/React.createElement("dl", {
    className: "sales-sdk-demo__detail-list"
  }, /*#__PURE__*/React.createElement("dt", null, "Product Amount"), /*#__PURE__*/React.createElement("dd", null, summary.productAmount), /*#__PURE__*/React.createElement("dt", null, "Tax Fee"), /*#__PURE__*/React.createElement("dd", null, summary.taxFee), /*#__PURE__*/React.createElement("dt", null, "Surcharge"), /*#__PURE__*/React.createElement("dd", null, summary.surchargeFee), /*#__PURE__*/React.createElement("dt", null, "Discount"), /*#__PURE__*/React.createElement("dd", null, summary.discountAmount), /*#__PURE__*/React.createElement("dt", null, "Expected"), /*#__PURE__*/React.createElement("dd", null, summary.expectAmount), /*#__PURE__*/React.createElement("dt", null, "Total"), /*#__PURE__*/React.createElement("dd", null, summary.totalAmount), /*#__PURE__*/React.createElement("dt", null, "Amount Gap"), /*#__PURE__*/React.createElement("dd", null, summary.amountGap)));
};