@props([
   'col' => '' , 'icon' , 'i' => '' , 'label' , 'value'
])



<div class="col-lg-{{ $col ? $col : '6' }} col-sm-{{ $col ? $col : '6' }}">
    <div class="p-2 border border-dashed rounded">
        <div class="d-flex align-items-center">
            <div class="avatar-sm me-2">
                <div class="avatar-title rounded bg-transparent text-success fs-24">
                    <i class="{{ $icon }}"></i>
                </div>
            </div>
            <div class="flex-grow-1">
                <p class="text-muted mb-1">{{ $label }} :</p>
                <h5 class="mb-0">{{ $i }}{{ $value }}</h5>
            </div>


        </div>
    </div>
</div>