@props(['label', 'value', 'icon', 'color' => 'primary', 'href' => null])
<div class="card stat-card h-100">
    <div class="card-body d-flex align-items-center gap-3">
        <div class="icon bg-{{ $color }}-subtle text-{{ $color }}"><i class="bi bi-{{ $icon }}"></i></div>
        <div>
            <div class="text-muted small">{{ $label }}</div>
            <div class="fs-4 fw-bold">{{ $value }}</div>
        </div>
        @if ($href)
            <a href="{{ $href }}" class="stretched-link"></a>
        @endif
    </div>
</div>