"use client"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; import { MoreHorizontal } from "lucide-react"; import { cn } from "@/lib/utils"; const orderData = { orderNumber: "CP099-AB", status: "Delivered", orderDate: "Thu, 12 Jan 2025", estimatedDelivery: "Mon, 16 Jan 2024", items: [ { id: 1, name: "CD Product #1", description: "200 GB game CD", price: 306, quantity: 1, image: "https://images.unsplash.com/photo-1493711662062-fa541adb3fc8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=200&q=80", }, { id: 2, name: "Hardware Product #2", description: "Playstation 2025", price: 1098, quantity: 1, image: "https://images.unsplash.com/photo-1606813907291-d86efa9b94db?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=200&q=80", }, ], payment: { method: "Paid via Visa Card", total: 1404, }, }; export function OrderOne() { return (

Order: #{orderData.orderNumber}

Order Status:

{orderData.status}

Order Date:

{orderData.orderDate}

Delivery Date:

{orderData.estimatedDelivery}

{/* Order Items */}

{orderData.items.map((item) => (

{item.name}

{item.description}

${item.price}

Quantity: {item.quantity}

))}

{/* Payment & Total */}

{orderData.payment.method}

Total: ${orderData.payment.total}

); }