@props(['id' => null, 'fullWidth' => true, 'selected' => false])
@aware(['variant' => 'tabs'])

@pushOnce('vendors')
    @vite('resources/js/vendors/tab.js')
@endPushOnce

<li
    id="{{ $id }}"
    data-tw-merge
    role="presentation"
    {{ $attributes->class(merge(['focus-visible:outline-none', $fullWidth ? 'flex-1' : null, $variant == 'tabs' ? '-mb-px' : null]))->merge($attributes->whereDoesntStartWith('class')->getAttributes()) }}
>
    {{ $slot }}
</li>