import { useActorMcpServers } from "@wacht/tanstack-router";

export function McpConnections() {
  const { servers, connect, disconnect } = useActorMcpServers();

  return (
    <div>
      {servers.map((server) => (
        <button
          key={server.id}
          onClick={() => (server.connection_status === "connected" ? disconnect(server.id) : connect(server.id))}
        >
          {server.name}
        </button>
      ))}
    </div>
  );
}