<li class="me-2">
    <button x-on:click="currentTab = @js($attributes['id'])"
        :class="{
            'text-primary-600 border-primary-600 dark:text-primary-500 dark:border-primary-500 active': currentTab ==
                @js($attributes['id']),
            'border-transparent hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300': currentTab !=
                @js($attributes['id'])
        }"
        class="inline-flex items-center justify-center p-4 border-b-2 rounded-t-lg group">
        {{$slot}}
    </button>
</li>
