@props(['priority' => 'medium'])

@php
    $colors = [
        'low' => 'bg-gray-100 text-gray-600',
        'medium' => 'bg-amber-50 text-amber-600',
        'high' => 'bg-orange-50 text-orange-600',
        'urgent' => 'bg-rose-50 text-rose-600',
    ];

    $dots = [
        'low' => 'bg-gray-400',
        'medium' => 'bg-amber-400',
        'high' => 'bg-orange-500',
        'urgent' => 'bg-rose-500',
    ];

    $colorClass = $colors[$priority] ?? $colors['medium'];
    $dotClass = $dots[$priority] ?? $dots['medium'];
@endphp

<span class="inline-flex items-center gap-1.5 {{ $colorClass }} px-2 py-0.5 rounded-full text-xs font-medium">
    <span class="w-1.5 h-1.5 rounded-full {{ $dotClass }}"></span>
    {{ __('task.priority_' . $priority) }}
</span>