export default function UpcomingAppointments() {
    const appointments = [
      { patient: 'John Doe', time: 'May 3, 2025 - 10:00 AM' },
      { patient: 'Mary Johnson', time: 'May 3, 2025 - 2:00 PM' },
      { patient: 'Ahmed Kamau', time: 'May 4, 2025 - 11:30 AM' },
    ];
  
    return (
      <div className="bg-white p-4 rounded-lg shadow">
        <h3 className="text-lg font-semibold mb-3">Upcoming Appointments</h3>
        <ul className="space-y-2">
          {appointments.map((appt, index) => (
            <li key={index} className="border-b pb-2">
              <p className="font-medium">{appt.patient}</p>
              <p className="text-sm text-gray-500">{appt.time}</p>
            </li>
          ))}
        </ul>
      </div>
    );
  }
  