<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 logo="{{ asset('assets/images/logo.png') }}" name="Yadi Parfum" class="px-2 dark:hidden" />
    <flux:brand 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('customer.dashboard.overview') }}"
            :current="request()->routeIs('customer.dashboard.overview')" wire:navigate.hover>
            Ringkasan</flux:navlist.item>
    </flux:navlist>
</flux:sidebar>
