@props(['color'=>'primary','icon'=>'ph ph-chart-line','value'=>0,'label'=>'—','id'=>null])
<div class="card kpi kpi-animate">
    <span class="bg-{{ $color }} h-50 w-50 d-flex-center rounded-circle m-auto eshop-icon-box">
        <i class="{{ $icon }} f-s-24"></i>
    </span>
    <div class="card-body eshop-cards">
        <span class="ripple-effect"></span>
        <h3 class="text-{{ $color }} mb-0" @if($id) id="{{ $id }}" @endif>{{ $value }}</h3>
        <p class="mg-b-35 f-w-600 text-dark-800 txt-ellipsis-1">{{ $label }}</p>
    </div>
</div>