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



<div class="col-md-{{ $col }}">
    <div class="p-2 mb-3 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-info 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">{{ $value }}</h5>
            </div>
        </div>
    </div>
</div>