<div class="card mini-stats-wid">
    <div class="card-body">
        <div class="d-flex">
            <div @class("flex-grow-1")>
                <p class="text-muted fw-medium">{{ $title }}</p>
                <h4 class="mb-0">{{ $value }}</h4>

                @if(isset($slot) && trim($slot))
                    <div class="mt-2">
                        {{ $slot }}
                    </div>
                @endif
            </div>

            <div @class("flex-shrink-0") class="align-self-center">
                <div class="mini-stat-icon avatar-sm rounded-circle">
                    <span class="avatar-title {{ $bg }}">
                        <i class="{{ $icon }} font-size-24"></i>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>
