const App = () => { const boxIcon = "https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/e-commerce/boxIcon.svg" const orders = [ { id: 1, items: [{ product: { name: "Nike Air Max 270" }, quantity: 1 }], address: { firstName: "John", lastName: "Doe", street: "123 Main St", city: "New York", state: "NY", zipcode: "10001", country: "USA"}, amount: 320.0, paymentType: "Credit Card", orderDate: "10/10/2022", isPaid: true }, { id: 1, items: [{ product: { name: "Nike Air Max 270" }, quantity: 1 }], address: { firstName: "John", lastName: "Doe", street: "123 Main St", city: "New York", state: "NY", zipcode: "10001", country: "USA"}, amount: 320.0, paymentType: "Credit Card", orderDate: "10/10/2022", isPaid: true }, { id: 1, items: [{ product: { name: "Nike Air Max 270" }, quantity: 1 }], address: { firstName: "John", lastName: "Doe", street: "123 Main St", city: "New York", state: "NY", zipcode: "10001", country: "USA"}, amount: 320.0, paymentType: "Credit Card", orderDate: "10/10/2022", isPaid: true }, ]; return (

Orders List

{orders.map((order, index) => (

<> {order.items.map((item, index) => (

{item.product.name} x {item.quantity}

))}

{order.address.firstName} {order.address.lastName}

{order.address.street}, {order.address.city}, {order.address.state},{order.address.zipcode}, {order.address.country}

${order.amount}

Method: {order.paymentType}

Date: {order.orderDate}

Payment: {order.isPaid ? "Paid" : "Pending"}

))}

); };