@props([
    'pCol' => 'col-md-4', 
    'pClass' => null,
    'icon' => 'las la-bookmark',
    'color' => '128,93,202',
    'placeholder' => null,
    'value' => null,
])
<div class="{{ $pCol }} {{ $pClass }} mb-3">
    <div class="p-2 d-flex flex-row rounded" style="background-color: #f1f2f3;">
        <div class="h-100 d-flex flex-column align-self-center m-2">
            <div class="rounded-circle p-2" style="background-color: rgba({{ $color }},0.22)">
                <i class="{{ $icon }}" style="color: rgba({{ $color }});font-size: 25px"></i>
            </div>
        </div>

        <div class="d-flex flex-column text-center h-100 w-100">
            <p style="color: rgba({{ $color }}) !important;">
                <b>{{ $placeholder }}</b>
            </p>
            <p>{{ $value }}</p>
        </div>
    </div>
</div>