export default function MasterTerminal() {
  return (
    <section className="h-48 shrink-0 glass-panel rounded-xl neon-border-violet crt-overlay flex flex-col overflow-hidden neon-glow-violet">
      <div className="flex items-center justify-between px-4 py-1.5 border-b relative z-10" style={{ backgroundColor: "rgba(168, 140, 251, 0.05)", borderColor: "rgba(168, 140, 251, 0.2)" }}>
        <div className="flex items-center gap-2">
          <span className="material-symbols-outlined text-xs" style={{ color: "#a88cfb" }}>terminal</span>
          <span className="text-[9px] font-bold uppercase tracking-widest" style={{ color: "#a88cfb", fontFamily: "'Inter Tight', sans-serif" }}>Master Terminal Output</span>
        </div>
        <div className="flex gap-1.5">
          <div className="w-2 h-2 rounded-full bg-zinc-700"></div>
          <div className="w-2 h-2 rounded-full bg-zinc-700"></div>
          <div className="w-2 h-2 rounded-full" style={{ backgroundColor: "rgba(168, 140, 251, 0.4)" }}></div>
        </div>
      </div>
      <div className="flex-1 p-4 font-mono-data text-[10px] overflow-y-auto custom-scrollbar relative z-10 space-y-1.5 leading-relaxed">
        <p className="text-zinc-500">[0.000000] Initializing ThirdEye Sovereign Kernel v4.2.0-stable...</p>
        <p className="text-zinc-500">[0.012441] Probing for regional satellite clusters... 12 found.</p>
        <p className="opacity-80" style={{ color: "#a88cfb" }}>[1.442091] Authentication layer engaged. Handshaking with local nodes.</p>
        <p className="opacity-80" style={{ color: "#00daf3" }}>[2.112440] Network topology re-aligned. Current threat vector: STABLE.</p>
        <div className="flex items-center text-white mt-2">
          <span className="mr-2" style={{ color: "#a88cfb" }}>op_7742@thirdeye:~$</span>
          <span className="opacity-70">tail -f /var/log/kernel_events.log --grep "CRITICAL"</span>
          <span className="terminal-cursor"></span>
        </div>
      </div>
    </section>
  );
}
