@props([
    'target',
    'active' => false,
    'icon' => null,
])

<li class="nav-item" role="presentation">
    <button
        class="nav-link {{ $active ? 'active' : '' }}"
        id="{{ $target }}-tab"
        data-bs-toggle="tab"
        data-bs-target="#{{ $target }}"
        type="button"
        role="tab"
        aria-controls="{{ $target }}"
        aria-selected="{{ $active ? 'true' : 'false' }}"
    >
        @if($icon)<i class="{{ $icon }} me-1"></i>@endif
        {{ $slot }}
    </button>
</li>