@php
    /** @var string $variant variant: 'live' | 'onair' | 'offair' */
    $variant     = $variant     ?? 'live';
    $label       = $label       ?? 'TRANSMISSION';
    $idText      = $idText      ?? 'OPHI-118';
    $signalGlyph = $signalGlyph ?? '▮▮▮▯▯';
    $signalProfile = $signalProfile ?? 'normal';
    $extraIdSlot = $extraIdSlot ?? null;
@endphp
<header class="hud hud--{{ $variant }}">
  <div class="group">
    <span><span class="led"></span>{{ $label }}</span>
    @if ($extraIdSlot)
      {!! $extraIdSlot !!}
    @else
      <span>{{ $idText }}</span>
    @endif
  </div>
  <div class="group">
    <span class="dim">SIGNAL</span>
    <span id="signal" data-profile="{{ $signalProfile }}">{{ $signalGlyph }}</span>
  </div>
  <div class="group">
    <span class="dim">UTC</span>
    <span id="clock">--:--:--</span>
  </div>
</header>
