@props(['icon' => 'bi-graph-up', 'label' => '', 'value' => '—'])

<div class="card border-0 shadow-sm h-100">
    <div class="card-body d-flex align-items-center gap-3">
        <span class="d-inline-flex align-items-center justify-content-center rounded-3 flex-shrink-0"
              style="width:48px;height:48px;background:var(--brand-red-light);">
            <i class="bi {{ $icon }} fs-4" style="color:var(--brand-red);"></i>
        </span>
        <div>
            <div class="text-muted small">{{ $label }}</div>
            <div class="h4 fw-semibold mb-0">{{ $value }}</div>
        </div>
    </div>
</div>
