'use client';

export default function UpcomingSamples() {
  const samples = [
    { id: 1, patientName: 'John Doe', testType: 'Blood Test', date: '2025-05-05' },
    { id: 2, patientName: 'Jane Smith', testType: 'Urine Test', date: '2025-05-06' },
    { id: 3, patientName: 'Mark Johnson', testType: 'X-ray', date: '2025-05-07' },
  ];

  return (
    <div className="bg-white p-4 rounded-lg shadow">
      <h3 className="text-lg font-semibold mb-3">Upcoming Samples</h3>
      <ul className="space-y-3">
        {samples.map((sample) => (
          <li key={sample.id} className="flex justify-between items-center border-b pb-2">
            <div>
              <p className="text-sm">{sample.patientName}</p>
              <p className="text-sm text-gray-500">{sample.testType}</p>
            </div>
            <span className="text-sm text-gray-700">{sample.date}</span>
          </li>
        ))}
      </ul>
    </div>
  );
}
