@props([])

<aside
    {{ $attributes->merge([
        'class' => 'flex h-full w-64 flex-col bg-[var(--color-sidebar)] text-[var(--color-sidebar-text)]',
    ]) }}
>
    <div class="flex-1 overflow-y-auto px-3 py-4">
        <nav class="space-y-1" aria-label="Sidebar">
            {{ $slot }}
        </nav>
    </div>
</aside>