@props([
    'percent' => 0,
    'label' => 'Meta del equipo',
    'goal' => 60,
])

@php
    $pct = max(0, min(100, (int) $percent));
@endphp

<div {{ $attributes->merge(['class' => 'tv-gauge']) }}>
    <div class="tv-gauge__ring" style="--gauge-pct: {{ $pct }};">
        <div class="tv-gauge__inner">
            <span class="tv-gauge__value">{{ $pct }}%</span>
        </div>
    </div>
    <div class="tv-gauge__label">{{ $label }}</div>
    <div class="tv-gauge__sub">{{ $goal }} ventas</div>
</div>