first commit

src/components/order/OrderDetails.jsx

@@ -0,0 +1,13 @@
+const OrderDetails = ({ order }) => {
+  return (
+    <div className="bg-gray-50 rounded-xl p-4 text-left space-y-2 text-sm">
+      <p><span className="font-semibold">Order ID:</span> {order.orderId}</p>
+      <p><span className="font-semibold">Total Amount:</span> ₹{order.total}</p>
+      <p><span className="font-semibold">Payment:</span> {order.paymentMethod}</p>
+      <p><span className="font-semibold">Address:</span> {order.address}</p>
+      <p><span className="font-semibold">ETA:</span> {order.eta}</p>
+    </div>
+  );
+};
+
+export default OrderDetails;