Styled Paper - Copy this React, Mui Component to your project

create detail order page with tracking order with data:{ "id": 0, "totalAmount": 0, "discount": 0, "shippingAddress": "string", "phone": "string", "fullName": "string", "voucher": { "code": "string", "type": "PERCENT", "discount": 0, "minPrice": 0, "maxDiscount": 0, }, "urlPayment": "string", "orderStatus": "PENDING", "shippingStatus": "NOT_SHIPPED", "trackingNumber": "string", "createdAt": "string", "payment": { "id": 0, "paymentMethod": "VNPAY", "paymentStatus": "UNPAID" }, "orderProducts": [ { "id": 0, "quantity": 0, "price": 0, "image": "string", "name": "string", "size": "string", "color": "string" }, { "id": 0, "quantity": 0, "price": 0, "image": "string", "name": "string", "size": "string", "color": "string" } ] }