{{--
    Meta Badge Component
    
    A generic meta badge with custom icon and content.
    
    @props
    - icon: string - Icon name
    - tooltip: string - Tooltip text
    - type: string - Badge type (ref, date, email, default) - default: 'default'
    
    @example
    <x-ui.search-result.meta-badge icon="mail" tooltip="Email" type="email">
        user@example.com
    </x-ui.search-result.meta-badge>
--}}

@props([
    'icon' => 'info',
    'tooltip' => '',
    'type' => 'default',
])

@php
    $typeClass = match($type) {
        'ref' => 'meta-ref',
        'date' => 'meta-date',
        'email' => 'meta-email',
        'status' => 'meta-status',
        default => '',
    };
@endphp

<span 
    class="meta-badge {{ $typeClass }}" 
    x-data="tooltip" 
    title="{{ $tooltip }}"
    {{ $attributes }}
>
    <x-ui.nicon :name="$icon" class="meta-icon"/>
    <span>{{ $slot }}</span>
</span>