{{!
    @template local_kid/workflow_stepper

    * steps - array of { label, isdone, isactive, islast }
}}
<div class="kid-stepper">
    {{#steps}}
    <div class="kid-stepper__step {{#isdone}}is-done{{/isdone}} {{#isactive}}is-active{{/isactive}}">
        <div class="kid-stepper__bullet">{{#isdone}}✓{{/isdone}}{{^isdone}}{{position}}{{/isdone}}</div>
        <span class="kid-stepper__label">{{label}}</span>
        {{^islast}}<div class="kid-stepper__bar"></div>{{/islast}}
    </div>
    {{/steps}}
</div>
