@props([
    'name' => 'radio',
    'value' => null,
    'label' => null,
    'labelSlot' => null,
    'checked' => false,
    'disabled' => false,
    'type' => 'radio',
    'labelHelp'
])
@php
    $checked = filter_var($checked, FILTER_VALIDATE_BOOLEAN);
    $disabled = filter_var($disabled, FILTER_VALIDATE_BOOLEAN);
@endphp

<label {{$attributes->merge(['class' => 'ml-2 leading-tight text-sm font-medium text-gray-900'])}}>
    <input
        type="{{ $type }}"
        name="{{ $name }}"
        class="w-4 h-4 border text-blue-600 bg-gray-100 border-gray-400 focus:ring-blue-500'"
        @if($disabled) disabled @endif
        @if($checked) checked @endif
        value="{{ $value }}"
    />
    <div class="flex flex-col gap-2">
        {!! $label !!}

        @if(!empty($labelHelp))
            <span {{ $labelHelp->attributes->merge(['class' => "text-sm text-gray-500"]) }}>
                {{ $labelHelp }}
            </span>
        @endif
    </div>
</label>