@props([
    'label',
    'value',
    'state' => 'online',
])

<div {{ $attributes->class('aegis-auth-system-item') }}>
    <div class="aegis-auth-system-copy">
        <span class="aegis-auth-system-label">
            {{ $label }}
        </span>

        <span class="aegis-auth-system-value">
            {{ $value }}
        </span>
    </div>

    <span @class([
        'aegis-auth-system-dot',
        'pending' => $state === 'pending',
        'failed' => $state === 'failed',
    ])></span>
</div>