<flux:sidebar sticky stashable
    class="bg-zinc-50 dark:bg-zinc-900 border-r rtl:border-r-0 rtl:border-l border-zinc-200 dark:border-zinc-700">
    <flux:sidebar.toggle class="lg:hidden" icon="x-mark" />
    <flux:brand href="javascript:void(0)" logo="{{ asset('assets/images/logo.png') }}" name="Yadi Parfum"
        class="px-2 dark:hidden" />
    <flux:brand href="javascript:void(0)" logo="{{ asset('assets/images/dark-logo.png') }}" name="Yadi Parfum"
        class="px-2 hidden dark:flex" />
    <flux:navlist variant="outline">
        <flux:navlist.item icon="squares-plus" href="{{ route('studio.dashboard.overview') }}"
            :current="request()->routeIs('studio.dashboard.overview')" wire:navigate.hover>
            Ringkasan</flux:navlist.item>
        <flux:navlist.item icon="inbox" badge="12" href="#">Inbox</flux:navlist.item>
        <flux:navlist.group expandable heading="Favorites" class="hidden lg:grid">
            <flux:navlist.item href="#">Marketing site</flux:navlist.item>
            <flux:navlist.item href="#">Android app</flux:navlist.item>
            <flux:navlist.item href="#">Brand guidelines</flux:navlist.item>
        </flux:navlist.group>
    </flux:navlist>
</flux:sidebar>