@props([
    'groupName' => '',
    'conversations' => [],
    'selectedConversationId' => null,
    'showGroupTitle' => true,
    'privacyLevel' => null
])

@if($conversations->count() > 0)
    <div class="conversation-group mb-2">
        @if($showGroupTitle && !empty($groupName))
            <div class="section-header d-flex align-items-center mb-2">
                {{-- Privacy level icon --}}
                {{-- @if($privacyLevel === 'public')
                    <x-ui.nicon name="users" class="text-success me-2"/>
                @elseif($privacyLevel === 'private')
                    <x-ui.nicon name="lock" class="text-warning me-2"/>
                @endif --}}
                
                <h6 class="title overline-title-alt mb-0">{{ $groupName }}</h6>
            </div>
        @endif
        
        <ul class="chat-list">
            @foreach($conversations as $conversation)
                @include('livewire.chats.partials.conversation-item', [
                    'conversation' => $conversation,
                    'selectedConversationId' => $selectedConversationId
                ])
            @endforeach
        </ul>

        @if($showGroupTitle && !empty($groupName))
            <hr/>
        @endif
    </div>
@endif