import React, { useEffect } from 'react';
import { useQuantumTelemetry } from '@/hooks/useTelemetry';

export default function HeliosConsole() {
  const { telemetry, status } = useQuantumTelemetry();
  return (
    <div className="glass-panel p-6 border border-cyan-500/20">
      <h3 className="text-xs font-mono text-cyan-400">// HELIOS TELEMETRY FEED</h3>
      <div className="grid grid-cols-3 gap-4 mt-4">
        {telemetry.nodes.map(node => (
          <div key={node.id} className="p-3 bg-black/60 rounded border border-white/5">
            <span className="text-[9px] text-zinc-550">NODE_{node.id}</span>
            <div className="text-xl font-black text-white">{node.load}%</div>
          </div>
        ))}
      </div>
    </div>
  );
}