'use client';

export default function Notification() {

  const notifications = [
    {
      id: 1,
      title: 'New Doctor Registration',
      message: 'Dr. Achieng Otieno has registered and is pending verification.',
      date: 'May 9, 2025',
    },
    {
      id: 2,
      title: 'System Alert',
      message: 'High traffic detected on the consultation service. Monitor performance.',
      date: 'May 9, 2025',
    },
    {
      id: 3,
      title: 'Report Submitted',
      message: 'A user submitted a report about a missed consultation. Review required.',
      date: 'May 8, 2025',
    },
    {
      id: 4,
      title: 'Pharmacy Update',
      message: 'Green Pharmacy updated their prescription fulfillment status.',
      date: 'May 7, 2025',
    },
    {
      id: 5,
      title: 'New User Feedback',
      message: 'Feedback submitted by Patient #2039. Rating: 4.5 stars.',
      date: 'May 6, 2025',
    },
  ];

  return (
    <div className="bg-white shadow rounded-lg p-4 space-y-4">
      {notifications.map((note) => (
        <div key={note.id} className="border-b pb-3 last:border-b-0">
          <h3 className="font-medium text-blue-600">{note.title}</h3>
          <p className="text-gray-700 text-sm">{note.message}</p>
          <p className="text-xs text-gray-500 mt-1">{note.date}</p>
        </div>
      ))}
    </div>
  );
}
