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;
