@props(['name', 'value', 'label' => null, 'checked' => false, 'disabled' => false])

<label class="inline-flex items-center gap-2 text-sm font-medium text-slate-700 {{ $disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer' }}">
    <input type="radio" name="{{ $name }}" value="{{ $value }}" @checked($checked) @disabled($disabled)
           {{ $attributes->merge(['class' => 'border-slate-300 text-primary focus:ring-primary']) }}>
    {{ $label ?? $slot }}
</label>