export function createHud() {
  const elements = {
    service: document.querySelector("#serviceStatus"),
    aircraft: document.querySelector("#aircraftStatus"),
    simulation: document.querySelector("#simulationStatus"),
    playback: document.querySelector("#playbackStatus"),
  };

  return {
    reset() {
      setText(elements.service, "Checking");
      setText(elements.aircraft, "-");
      setText(elements.simulation, "Waiting");
      setText(elements.playback, "Idle");
    },

    setService(value) {
      setText(elements.service, value);
    },

    setAircraft(value) {
      setText(elements.aircraft, value);
    },

    setSimulation(value) {
      setText(elements.simulation, value);
    },

    setPlayback(value) {
      setText(elements.playback, value);
    },
  };
}

function setText(element, value) {
  if (element) {
    element.textContent = value;
  }
}