nshop-front-m/src/app/(checkout)/checkout/_components/PromotionsDetails.tsx

"use client";

import { CartDetail } from "@/types/cart/type";


// 金额明细
export default function PromotionsDetails({cartData}:{
    cartData: CartDetail
}) { 


    return (
        <div className="w-full box-border">
            <ul className="w-full">
                <li className="flex justify-between items-center text-ly-12 mt-4 first:mt-0">
                    <span>Subtotal</span>
                    <span>{cartData.formattedSubtotal}</span>
                </li>
                <li className="flex justify-between items-center text-ly-12 mt-4 first:mt-0">
                    <span>Shipping Method</span>
                    <span>{cartData.formattedShippingAmount}</span>
                </li>
                <li className="flex justify-between items-center text-ly-12 mt-4 first:mt-0">
                    <span>Gift Card</span>
                    <span className="flex items-center flex-none h-6 bg-ly-gold px-2 text-ly-14">-{cartData.formattedGiftcardAmount}</span>
                </li>
                <li className="flex justify-between items-center text-ly-12 mt-4 first:mt-0">
                    <span>Grand Total</span>
                    <span>{cartData.formattedGrandTotal}</span>
                </li>
            </ul>
        </div>
    );
}