@props([
    'label' => 'Total',
    'value' => '0',
    'badgeClass' => 'bg-light-primary border border-primary',
    'badgeIcon' => 'ti ti-trending-up',
    'badgeText' => '0%',
    'noteHtml' => '',
])
<div class="card">
    <div class="card-body">
        <h6 class="mb-2 f-w-400 text-muted">{{ $label }}</h6>
        <h4 class="mb-3">
            {{ $value }}
            <span class="badge {{ $badgeClass }}">
                <i class="{{ $badgeIcon }}"></i> {{ $badgeText }}
            </span>
        </h4>
        @if ($noteHtml)
            <p class="mb-0 text-muted text-sm">{!! $noteHtml !!}</p>
        @endif
    </div>
</div>