{{--
    Status Badge Component
    
    Displays a status badge with appropriate coloring.
    
    @props
    - status: string - Status text to display
    - isDanger: bool - Use danger/red color - default: false
    - color: string - Override color (primary, warning, success, danger, info) - optional
    - limit: int - Character limit - default: 20
    
    @example
    <x-ui.search-result.status-badge 
        :status="$statusLabel" 
        :is-danger="$isRefus"
    />
--}}

@props([
    'status' => '',
    'isDanger' => false,
    'color' => null,
    'limit' => 20,
])

@php
    $badgeColor = $color ?? ($isDanger ? 'danger' : 'primary');
    $colorClass = "bg-{$badgeColor}";
@endphp

<span 
    class="badge badge-dim {{ $colorClass }}" 
    x-data="tooltip" 
    title="@lang('Current status')"
    {{ $attributes }}
>
    {{ Str::limit($status, $limit) }}
</span>