'use client';

export default function NotificationsPanel() {
  const notifications = [
    { id: 1, message: 'New test sample from John Doe is ready for processing.', time: '5 minutes ago' },
    { id: 2, message: 'Test result for Jane Smith is completed and ready to view.', time: '1 hour ago' },
    { id: 3, message: 'New pending sample for Mark Johnson awaiting test.', time: '2 hours ago' },
  ];

  return (
    <div className="bg-white p-4 rounded-lg shadow">
      <h3 className="text-lg font-semibold mb-3">Notifications</h3>
      <ul className="space-y-3">
        {notifications.map((notification) => (
          <li key={notification.id} className="flex justify-between items-center border-b pb-2">
            <p className="text-sm">{notification.message}</p>
            <span className="text-xs text-gray-500">{notification.time}</span>
          </li>
        ))}
      </ul>
    </div>
  );
}
