@props([
    'confidence',
    'threshold' => \App\Services\KnowledgeGapService::CONFIDENCE_THRESHOLD,
])

@php
    $score = (float) $confidence;
    $passes = $score >= (float) $threshold;
@endphp

<span @class([
    'inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs font-medium',
    'bg-green-100 text-green-800' => $passes,
    'bg-amber-100 text-amber-900' => ! $passes,
])>
    <span @class([
        'h-2 w-2 rounded-full',
        'bg-green-600' => $passes,
        'bg-amber-600' => ! $passes,
    ])></span>
    Confidence {{ number_format($score, 2) }}
    <span class="text-[11px] opacity-80">
        {{ $passes ? 'haalt drempel' : 'onder drempel' }} {{ number_format((float) $threshold, 2) }}
    </span>
</span>