{{-- Profile Info Field Component --}}

@props([
    'icon',
    'label',
    'id',
    'skeletonWidth' => '100%',
    'colClass' => 'col-md-6'
])

<div class="{{ $colClass }}">
    <div class="info-label">
        <i class="fas fa-{{ $icon }} me-2"></i>{{ $label }}
    </div>
    <div class="info-value">
        <div class="skeleton skeleton-text" style="width: {{ $skeletonWidth }};"></div>
        <span id="{{ $id }}" class="actual-content"></span>
    </div>
</div>