@props([
    'title' => '',
    'value' => '',
    'badge' => '',
    'badgeType' => 'purple' // purple, green, yellow
])

@php
    $badgeClasses = match($badgeType) {
        'green' => 'badge-green',
        'yellow' => 'badge-yellow',
        'red' => 'badge-red',
        default => 'badge-purple'
    };
@endphp

<div class="stat-card report-kpi-card">
    <div class="stat-label kpi-title">{{ $title }}</div>
    <div class="stat-value kpi-value">{{ $value }}</div>
    @if($badge)
        <div class="kpi-badge {{ $badgeClasses }}">
            <span>{{ $badge }}</span>
        </div>
    @endif
</div>