@props(['id', 'label', 'icon' => 'dashboard', 'expanded' => false])
<div class="sidebar-menu-group">
    <button id="{{ $id }}-toggle" type="button" class="sidebar-menu-trigger" data-sidebar-menu-trigger aria-expanded="{{ $expanded ? 'true' : 'false' }}" aria-controls="{{ $id }}-items"><x-icon :name="$icon" :size="17" /><span>{{ $label }}</span><x-icon name="chevron" :size="13" class="sidebar-menu-chevron" /></button>
    <div id="{{ $id }}-items" class="sidebar-submenu" role="group" aria-labelledby="{{ $id }}-toggle" @if(!$expanded) hidden @endif>{{ $slot }}</div>
</div>