<li>
    <button
        @click="select($el)"
        @focus="select($el)"
        :aria-selected="is_trigger_selected($el)"
        class="bg-transparent h-100 position-relative px-3 text-nowrap"
        :class="is_trigger_selected($el) ? 'tab-item text-app-default-link-color' : 'text-app-secondary'"
        role="tab"
        style="border: none;"
        type="button"
        x-init="$dispatch('register-trigger', { el: $el, endpoint: '{{ endpoint|default:'' }}' })"
    >
        {{ trigger_title }}
    </button>
</li>
