@props(['value' => null, 'metric' => '', 'suffix' => '%'])

@if(!is_null($value))
    <div class="performance-pill {{ App\Helpers\MetricsHelper::getPerformancePillClass($metric, $value) }}">
        <div class="performance-value">
            {{ number_format($value, 2) }}{{ $suffix }}
            <span class="trend-indicator">
                <i class="fas fa-{{ $value > 0 ? 'arrow-up' : 'arrow-down' }}"></i>
            </span>
        </div>
    </div>
@else
    <div class="performance-pill">
        <div class="performance-value">
            N/A
        </div>
    </div>
@endif