{% set steps = steps|default([
  { label: 'Projet', icon: 'solar:widget-2-broken' },
  { label: 'Logo / Affiche', icon: 'hugeicons:ai-image' },
  { label: 'Paramètres', icon: 'solar:settings-broken' },
  { label: 'Import', icon: 'iconoir:import' },
]) %}
{% set current = currentStep|default(0) %}

<ol class="step-indicator">
  {% for step in steps %}
    {% set index = loop.index0 %}
    {% set stateClass = index < current ? 'complete' : (index == current ? 'active' : '') %}
    <li class="{{ stateClass }}">
      <div class="step">
        <iconify-icon icon="{{ step.icon }}"></iconify-icon>
      </div>
      <div class="caption hidden-xs hidden-sm">
        {{ step.label }}
      </div>
    </li>
  {% endfor %}
</ol>