@props([
    'active',
    'activeLabel' => 'Active',
    'inactiveLabel' => 'Inactive',
])

@if ($active)
    <span class="px-2 py-0.5 rounded-full text-xs font-medium bg-emerald-100 text-emerald-800 dark:bg-emerald-900 dark:text-emerald-200">{{ __($activeLabel) }}</span>
@else
    <span class="px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-600 dark:bg-gray-700 dark:text-gray-300">{{ __($inactiveLabel) }}</span>
@endif