export default function NotificationsPanel() {
    const notifications = [
      'Your appointment with Dr. Kofi is confirmed.',
      'New message from Dr. Wanjiku.',
      'Your test results are available.',
    ];
  
    return (
      <div className="bg-white p-4 rounded-lg shadow md:col-span-2">
        <h3 className="text-lg font-semibold mb-3">Notifications</h3>
        <ul className="space-y-2 list-disc list-inside text-sm text-gray-700">
          {notifications.map((note, i) => (
            <li key={i}>{note}</li>
          ))}
        </ul>
      </div>
    );
  }
  