@props([
    'label',
    'value',
    'trend' => null,
    'trendUp' => true,
    'type' => 'total', // person, vehicle, delivery, total
    'icon' => '📊'
])

<div class="stat-card stat-{{ $type }}">
    <div class="stat-info">
        <span class="stat-label">{{ $label }}</span>
        <span class="stat-value">{{ $value }}</span>
        @if($trend)
            <span class="stat-trend {{ $trendUp ? 'trend-up' : 'trend-down' }}">
                {{ $trendUp ? '↑' : '↓' }} {{ $trend }}
            </span>
        @endif
    </div>
    <div class="stat-icon">
        <span style="font-size: 24px;">{{ $icon }}</span>
    </div>
</div>
