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

<div {{ $attributes->class('health-row') }}>
    <div>
        <p class="health-label">{{ $label }}</p>
        <p class="health-value">{{ $value }}</p>
    </div>

    <div @class([
        'health-badge',
        'pending' => $state === 'pending',
        'failed' => $state === 'failed',
    ])>
        <span class="health-dot"></span>
        {{ $status }}
    </div>
</div>