export default function SystemTicker() {
  return (
    <div
      className="mt-12 p-3.5 rounded-lg overflow-hidden bg-black/20 border"
      style={{
        borderColor: "rgba(167, 139, 250, 0.05)",
        boxShadow: "inset 0 2px 10px rgba(0,0,0,0.1)"
      }}
    >
      <div className="flex items-center gap-4">
        <span
          className="material-symbols-outlined text-[16px] opacity-80"
          style={{ color: "#a88cfb" }}
        >
          pulse_alert
        </span>
        <div className="flex-1 overflow-hidden whitespace-nowrap">
          <div
            className="animate-marquee font-mono-data text-[10px] uppercase tracking-widest pl-[100%]"
            style={{ color: "#75757c" }}
          >
            SYSTEM_UPDATE: Node 14 synchronized. New encryption keys deployed. Agent
            'Graph_Builder_02' memory usage spike detected at 14:22:01. Global latency
            remains within 40ms threshold.
          </div>
        </div>
      </div>
    </div>
  );
}