UNPKG

@shopgate/engage

Version:
52 lines (51 loc) 2.13 kB
import React from 'react'; import { i18n } from '@shopgate/engage/core'; import { container, headline, summary, total, grandTotal } from "./CartSummaryWide.style"; import PaymentBarSubTotal from "../PaymentBar/PaymentBarSubTotal"; import PaymentBarGrandTotal from "../PaymentBar/PaymentBarGrandTotal"; import PaymentBarShippingCost from "../PaymentBar/PaymentBarShippingCost"; import PaymentBarDiscounts from "../PaymentBar/PaymentBarDiscounts"; import PaymentBarTax from "../PaymentBar/PaymentBarTax"; import PaymentBarAppliedPromotions from "../PaymentBar/PaymentBarAppliedPromotions"; import PaymentBarPromotionCoupons from "../PaymentBar/PaymentBarPromotionCoupons"; import CartSummaryWideCheckoutButton from "./CartSummaryWideCheckoutButton"; import CartSummaryWideFooter from "./CartSummaryWideFooter"; /** * @param {Object} The component props * @returns {JSX} */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; const CartSummaryWide = () => /*#__PURE__*/_jsxs("div", { className: container, children: [/*#__PURE__*/_jsx("h2", { className: headline, children: i18n.text('checkout.summary.headline') }), /*#__PURE__*/_jsxs("div", { className: summary, children: [/*#__PURE__*/_jsx(PaymentBarSubTotal, { showSeparator: false, label: "cart.subtotal", className: total }), /*#__PURE__*/_jsx(PaymentBarAppliedPromotions, { showSeparator: false, className: total }), /*#__PURE__*/_jsx(PaymentBarPromotionCoupons, { showSeparator: false, className: total }), /*#__PURE__*/_jsx(PaymentBarDiscounts, { showSeparator: false, className: total }), /*#__PURE__*/_jsx(PaymentBarShippingCost, { showSeparator: false, className: total }), /*#__PURE__*/_jsx(PaymentBarTax, { showSeparator: false, className: total }), /*#__PURE__*/_jsx(PaymentBarGrandTotal, { showSeparator: false, label: "cart.grand_total", className: grandTotal })] }), /*#__PURE__*/_jsx(CartSummaryWideCheckoutButton, {}), /*#__PURE__*/_jsx(CartSummaryWideFooter, {})] }); export default CartSummaryWide;