@php
    $tabKey = strtolower('fontcontrol') . 'Settings';
    $isActive = ($activeSetting ?? '') === $tabKey;
@endphp
<li class="me-2">
    <a href="{{ route('settings.index') . '?tab=' . $tabKey }}" wire:navigate
       @class([
           'inline-block p-4 border-b-2 rounded-t-lg hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300',
           'border-transparent' => ! $isActive,
           'active border-skin-base dark:text-skin-base dark:border-skin-base text-skin-base' => $isActive,
       ])>
        {{ __('fontcontrol::messages.nav') }}
    </a>
</li>