@props([
    'items' => [],   // [ [label, href, active, icon, badge] ]
    'variant' => 'underline', // underline | pills
])

@php
    $variantClass = 'nav-tabs--' . $variant;
@endphp

<nav {{ $attributes->merge(['class' => 'nav-tabs ' . $variantClass]) }} role="tablist">
    @foreach($items as $item)
        <a
            href="{{ $item['href'] ?? '#' }}"
            class="nav-tab {{ !empty($item['active']) ? 'is-active' : '' }} {{ !empty($item['disabled']) ? 'is-disabled' : '' }}"
            @if(!empty($item['disabled'])) aria-disabled="true" tabindex="-1" @endif
            role="tab"
            aria-selected="{{ !empty($item['active']) ? 'true' : 'false' }}"
        >
            @isset($item['icon'])<span class="nav-tab__icon">{!! icon($item['icon']) !!}</span>@endisset
            <span class="nav-tab__label">{{ $item['label'] ?? '' }}</span>
            @isset($item['badge'])
                <span class="nav-tab__badge">{{ $item['badge'] }}</span>
            @endisset
        </a>
    @endforeach
</nav>