<div class="overflow-x-auto pb-2">
    <flux:navbar>
        <flux:navbar.item href="{{ route('studio.setting.account', auth()->id()) }}" icon="key"
            :current="request()->routeIs('studio.setting.account', auth()->id())" wire:navigate.hover wire:ignore>
            Akun
        </flux:navbar.item>

        <flux:navbar.item href="{{ route('studio.setting.profile', auth()->user()?->employee?->id) }}" icon="user"
            :current="request()->routeIs('studio.setting.profile', auth()->user()?->employee?->id)" wire:navigate.hover
            wire:ignore>
            Profil
        </flux:navbar.item>

        <flux:navbar.item href="{{ route('studio.setting.password', auth()->id()) }}" icon="lock-closed"
            :current="request()->routeIs('studio.setting.password', auth()->id())" wire:navigate.hover wire:ignore>
            Kata
            Sandi
        </flux:navbar.item>
    </flux:navbar>
</div>

<flux:text class="text-xs italic block md:hidden" color="yellow">
    * Geser ke kanan untuk melihat selengkapnya.
</flux:text>
