@php
    $isFailedStep = $stepInstance->validationFails;
    $stepIsGreaterThan = $this->stepIsGreaterThan($stepInstance->getOrder());
    $isCurrent = $this->stepIs($stepInstance->getOrder());
    $color = $isFailedStep? 'danger' : ($isCurrent? 'primary' : 'light');
@endphp
<li @class(['current shadow-sm br-1 tw-bg-blue-gray-50' => $isCurrent, 'mb-1']) aria-disabled="false" aria-selected="true">
    <div class="step-item" wire:click="setStep({{ $stepInstance->getOrder() }})">
        <x-ui.button
            class="btn-icon"
            :color="$color"
            icon="{{ $stepInstance->icon() }}"
        />
        <div class="step-text">
            <div class="lead-text">{{ $stepInstance->title() }}</div>
        </div>
    </div>
</li>