@props([
    'id',
    'label',
    'icon' => 'fa-solid fa-user',
    'active' => false,
])

<a
    class="nav-link {{ $active ? 'active' : '' }}"
    id="{{ $id }}-tab"
    data-bs-toggle="pill"
    href="#{{ $id }}"
    role="tab"
    aria-controls="{{ $id }}"
    aria-selected="{{ $active ? 'true' : 'false' }}"
>
    <div class="horizontal-wizard">
        <div class="stroke-icon-wizard">
            <i class="{{ $icon }}"></i>
        </div>
        <div class="horizontal-wizard-content">
            <h6>{{ $label }}</h6>
        </div>
    </div>
</a>