import type { VisLink } from "../types.ts";

export function LinkTable({ links }: { links: VisLink[] }) {
  return (
    <details open>
      <summary>Таблица связей</summary>
      <div className="tbl"><table>
        <thead><tr><th>Блокирует</th><th>Тип</th><th>Заблокирована</th></tr></thead>
        <tbody>{links.map((l) => <tr key={`${l.src}>${l.dst}${l.type}`}><td className="k">{l.src}</td><td>{l.type}</td><td className="k">{l.dst}</td></tr>)}</tbody>
      </table></div>
    </details>
  );
}