@props(['title' => '', 'subtitle' => '', 'icon' => '', 'color' => 'primary', 'value' => '', 'class' => ''])

<div class="card bg-{{ $color }} text-white {{ $class }}">
    <div class="card-body text-center">
        @if($icon)
            <i class="{{ $icon }} fa-2x mb-2"></i>
        @endif
        @if($value)
            <h4 class="mb-0">{{ $value }}</h4>
        @endif
        @if($title)
            <small>{{ $title }}</small>
        @endif
        @if($subtitle)
            <br><small class="opacity-75">{{ $subtitle }}</small>
        @endif
    </div>
</div>