{% if system_status is defined and system_status %}
<span class="ui-pill gap-1.5
  {% if system_status == 'ready' %}
    ui-pill-blue border border-brand-100 dark:border-brand-500/30
  {% elif system_status == 'not_ready' %}
    ui-pill-danger border border-red-200 dark:border-red-500/30
  {% else %}
    ui-pill-neutral border border-slate-200 dark:border-slate-700
  {% endif %}
">
  <span class="h-1.5 w-1.5 rounded-full
    {% if system_status == 'ready' %}bg-brand-500 dark:bg-brand-300
    {% elif system_status == 'not_ready' %}bg-red-500 dark:bg-red-400
    {% else %}bg-slate-400 dark:bg-slate-500{% endif %}
  "></span>
  {% if system_status == 'ready' %}Ready
  {% elif system_status == 'not_ready' %}Not Ready
  {% else %}Unknown{% endif %}
</span>
{% endif %}