export default function PatientActivity() {
    const activities = [
      { patient: 'Ali Yusuf', action: 'Uploaded lab test results', date: 'May 2, 2025' },
      { patient: 'Grace Njeri', action: 'Booked appointment', date: 'May 2, 2025' },
      { patient: 'Tom Mboya', action: 'Sent a message', date: 'May 1, 2025' },
    ];
  
    return (
      <div className="bg-white p-4 rounded-lg shadow">
        <h3 className="text-lg font-semibold mb-3">Patient Activity</h3>
        <ul className="space-y-2">
          {activities.map((activity, index) => (
            <li key={index} className="border-b pb-2">
              <p className="font-medium">{activity.patient}</p>
              <p className="text-sm text-gray-500">{activity.action}</p>
              <p className="text-xs text-gray-400">{activity.date}</p>
            </li>
          ))}
        </ul>
      </div>
    );
  }
  