@props([
    'id' => 'sidebar',
    'collapsed' => false,
])

<aside 
    id="{{ $id }}"
    {{ $attributes->merge([
        'class' => 'fluent-sidebar ' . ($collapsed ? 'is-collapsed' : '')
    ]) }}
>

    <div class="fluent-sidebar-content">
        {{ $slot }}
    </div>

</aside>

{{-- overlay (mobile) --}}
<div class="fluent-sidebar-overlay" data-sidebar-overlay></div>