import { Lagekachel, Lagekopf } from "@/components/cockpit/Lagekopf"
import { hauptleuchte } from "@/lib/anzeige"
import { boxbild } from "@/lib/geraetebild"
import type { Lampe as LampenDaten, Start } from "@/lib/typen"

type Zustand = Start["zustand"]

/**
 * Der Kopf des KI-Box-Cockpits: links die Hauptleuchte (drücken führt zur Checkliste, wenn etwas offen ist), rechts
 * je Dienst eine Kachel — Motor, Hirn, Coder, Hermes, Aufträge, Sicherung, Platte, Updates.
 */
export function Warnpanel({ zustand, lampen, onAnsehen }: {
  zustand: Zustand
  lampen: LampenDaten[]
  onAnsehen: () => void
}) {
  const h = hauptleuchte(zustand)
  return (
    <Lagekopf art={h.art} oben={h.oben} mitte={h.mitte} unten={h.unten} aktiv={h.art === "gelb" || h.art === "rot"}
      onAnsehen={onAnsehen} label="Warnpanel">
      {lampen.map((l) => (
        <Lagekachel key={l.id} bild={boxbild(l.id)} name={l.label} wert={l.wert} zustand={l.zustand} />
      ))}
    </Lagekopf>
  )
}