@php
    $active = !empty($active) ? 'active' : '';
@endphp

<button type="button"
    class="hs-tab-active:font-semibold hs-tab-active:border-primary hs-tab-active:text-primary tab-style {{ $active }}"
    id="{{ $tabItemID }}" 
    aria-selected="{{ $active ? 'true' : 'false' }}" 
    data-hs-tab="#{{ $tabWithIcon }}" 
    aria-controls="{{ $tabWithIcon }}"
    role="tab">
    <x-frontend::utility.icon icon={{$icon}}></x-frontend::utility.icon>
    {{ $tabsTitle }}
</button>