Function EventLog

nextjs_app/components/EventLog.tsx:10–29

({ events })

};

export const EventLog: React.FC<EventLogProps> = ({ events }) => {
  return (
    <div className="flex flex-col h-full">
      <h2 className="text-lg font-semibold mb-2">Event Details</h2>
      <div className="flex-grow overflow-auto border-2 border-gray-300 p-2">
        {events.length === 0 ? (
          <p>No events yet.</p>
        ) : (
          events.map((event, index) => (
            <div key={index} className="p-2 border-b border-gray-200">
              <p>
                {event.timestamp}: {event.data}
              </p>
            </div>
          ))
        )}
      </div>
    </div>
  );
};