"use client"; import { useState } from "react"; import { ArrowLeft } from "lucide-react"; import { Button } from "@/components/ui/button"; import { CartItem } from "./cart-item"; import { CouponSection } from "./coupon-section"; import { OrderSummary } from "./order-summary"; import { PaymentMethods } from "./payment-methods"; const cartData = [ { id: "1", name: "Samsung Galaxy S23 Ultra S918B/DS 256GB", color: "Phantom Black", price: 1049.99, quantity: 2, image: "https://bundui-images.netlify.app/products/01.jpeg" }, { id: "2", name: "JBL Charge 3 Waterproof Portable Bluetooth Speaker", color: "Black", price: 109.99, quantity: 1, image: "https://bundui-images.netlify.app/products/02.jpeg" }, { id: "3", name: "GARMIN Fenix 7X 010-02541-11 Exclusive Version", color: "Black", price: 349.99, quantity: 1, image: "https://bundui-images.netlify.app/products/03.jpeg" }, { id: "4", name: "Beats Fit Pro - True Wireless Noise Cancelling Earbuds", color: "Phantom Black", price: 199.99, quantity: 1, image: "https://bundui-images.netlify.app/products/04.jpeg" }, { id: "5", name: "JLab Epic Air Sport ANC True Wireless Earbuds", color: "Black", price: 99.99, quantity: 1, image: "https://bundui-images.netlify.app/products/06.jpeg" } ]; export type CartItemType = (typeof cartData)[number]; export default function Cart() { const [cartItems, setCartItems] = useState(cartData); const updateQuantity = (id: string, quantity: number) => { setCartItems((items) => items.map((item) => (item.id === id ? { ...item, quantity } : item))); }; const removeItem = (id: string) => { setCartItems((items) => items.filter((item) => item.id !== id)); }; const handleApplyCoupon = (code: string) => { console.log("Applying coupon:", code); // Implement coupon logic here }; const subtotal = cartItems.reduce((sum, item) => sum + item.price * item.quantity, 0); const discount = 0; const delivery = 29.99; const tax = 39.99; return (

{/* Main Content Grid */}

{/* Shopping Cart Section */}

Shopping Cart

{/* Table Header - Hidden on mobile */}

Product

Quantity

Price

{/* Cart Items */}

{cartItems.map((item) => ( ))}

{/* Action Buttons */}

{/* Right Sidebar */}

); }