@props(['enabled' => false])
{{-- Status by colour, not a text badge: a cyan shield = 2FA on, a muted struck-through shield = off.
     The label rides the title/aria-label (hover tooltip) so the meaning stays reachable. --}}
@if ($enabled)
    <span title="{{ __('shell.twofa_on') }}" aria-label="{{ __('shell.twofa_on') }}" class="shrink-0 text-cyan">
        <x-icon name="shield-check" class="h-4 w-4" />
    </span>
@else
    <span title="{{ __('shell.twofa_off') }}" aria-label="{{ __('shell.twofa_off') }}" class="shrink-0 text-ink-4">
        <x-icon name="shield-off" class="h-4 w-4" />
    </span>
@endif