{{--
    Search Result Components Index
    
    This file serves as documentation for the search-result component family.
    
    Available Components:
    ====================
    
    Base Components:
    ----------------
    - x-ui.search-result.section      : Section container with header
    - x-ui.search-result.item         : Base result item (generic)
    
    Specialized Items:
    ------------------
    - x-ui.search-result.project-item : Project result with status
    - x-ui.search-result.lead-item    : Lead result with status  
    - x-ui.search-result.user-item    : User result with email
    - x-ui.search-result.company-item : Company result
    
    Badge Components:
    -----------------
    - x-ui.search-result.ref-badge    : ID/Reference badge (#D123)
    - x-ui.search-result.status-badge : Status badge with colors
    - x-ui.search-result.date-badge   : Date badge with calendar icon
    - x-ui.search-result.meta-badge   : Generic meta badge
    
    
    Usage Examples:
    ===============
    
    1. Simple project list:
    
    <x-ui.search-result.section title="Projects" color="primary" icon="block-over" :count="count($projects)">
        @foreach($projects as $index => $project)
            <x-ui.search-result.project-item :project="$project" :animation-delay="$index * 50"/>
        @endforeach
    </x-ui.search-result.section>
    
    
    2. Custom item with manual badges:
    
    <x-ui.search-result.item href="/path" color="warning" icon="star" title="Custom Item">
        <x-ui.search-result.ref-badge prefix="X" :id="123"/>
        <x-ui.search-result.meta-badge icon="tag" tooltip="Category">Marketing</x-ui.search-result.meta-badge>
    </x-ui.search-result.item>
    
    
    3. Section with load more:
    
    <x-ui.search-result.section title="Leads" color="warning" icon="target" :count="$count">
        @foreach($leads as $lead)
            <x-ui.search-result.lead-item :lead="$lead"/>
        @endforeach
        
        <x-slot name="footer">
            <div class="text-center mt-3">
                <button wire:click="loadMore" class="btn btn-sm btn-outline-warning">Load more</button>
            </div>
        </x-slot>
    </x-ui.search-result.section>
--}}

{{-- This is a documentation-only file, it doesn't render anything --}}