@props([
    'person',
    'badge',
    'badgeClass' => 'mec-badge-muted',
])

<div class="d-flex align-items-center justify-content-between mb-3">
    <div class="d-flex align-items-center">
        <span class="admin-initials me-2">{{ $person->initials }}</span>
        <div>
            <h6 class="mb-0">{{ $person->full_name }}</h6>
            <p class="fs-13 mb-0 text-muted">{{ $person->email }}</p>
        </div>
    </div>
    <span class="mec-badge {{ $badgeClass }}">{{ $badge }}</span>
</div>