@php
    /** @var int|float $value */
    /** @var string $name */
    /** @var string|null $label */
    $percentage = max(0, min(100, (int) round($value)));
    $barClass = $percentage >= 70 ? 'bg-green-500' : ($percentage >= 50 ? 'bg-amber-500' : 'bg-red-500');
@endphp

<div>
    <div class="mb-1.5 flex items-center justify-between gap-3 text-sm">
        <div class="min-w-0 text-neutral-600">{{ $name }}</div>
        <span class="shrink-0 text-xs font-medium text-neutral-500">{{ $percentage }}%</span>
    </div>
    <div class="h-2.5 w-full rounded-full bg-neutral-200/90">
        <div class="h-2.5 rounded-full {{ $barClass }}" style="width: {{ $percentage }}%"></div>
    </div>
    @if (! empty($label))
        <p class="mt-2 text-xs text-neutral-500">{{ $label }}</p>
    @endif
</div>