@props([
    'title' => null,
    'count' => null,
])

<div {{ $attributes->merge(['class' => 'divide-y divide-neutral/10']) }}>
    @if($title || $count !== null)
        <div class="flex items-center justify-between pb-3 mb-1">
            @if($title)
                <h4 class="text-sm font-semibold text-base/80">{{ $title }}</h4>
            @endif
            @if($count !== null)
                <span class="text-xs text-base/50 bg-neutral/10 px-2 py-0.5 rounded-full">{{ $count }} items</span>
            @endif
        </div>
    @endif
    
    {{ $slot }}
</div>