export default function Orders() {
    const orders = [
      { orderId: '12345', patientName: 'John Doe', status: 'Pending' },
      { orderId: '12346', patientName: 'Jane Smith', status: 'Completed' },
      { orderId: '12347', patientName: 'George Martin', status: 'Pending' },
    ];
  
    return (
      <div className="bg-white p-4 rounded-lg shadow">
        <h3 className="text-lg font-semibold mb-3">Orders</h3>
        <table className="min-w-full table-auto">
          <thead>
            <tr>
              <th className="py-2 px-4">Order ID</th>
              <th className="py-2 px-4">Patient Name</th>
              <th className="py-2 px-4">Status</th>
            </tr>
          </thead>
          <tbody>
            {orders.map((order, index) => (
              <tr key={index}>
                <td className="py-2 px-4">{order.orderId}</td>
                <td className="py-2 px-4">{order.patientName}</td>
                <td className="py-2 px-4">{order.status}</td>
              </tr>
            ))}
          </tbody>
        </table>
      </div>
    );
  }
  