import { Empty } from '@/components/ui/primitives';
import type { Incident } from '@/lib/types';
import { IncidentRow } from './IncidentRow';

export function IncidentsSection({ incidents, compact = true }: { incidents: Incident[]; compact?: boolean }) {
  if (!incidents.length) return <Empty>No incident recorded for this scope.</Empty>;
  return (
    <ul className="divide-y divide-line">
      {incidents.map((i) => (
        <IncidentRow key={i.event_id} inc={i} compact={compact} />
      ))}
    </ul>
  );
}