@if(!empty($radioValues))
    <div
        class="@if($isVertical) max-w-xs mx-auto space-y-2 @else flex items-center space-x-4 @endif"
        x-data
    >
        @foreach($radioValues as $label=>$value)
            <div class="flex items-center space-x-2 mr-8">
                <input
                    id="radio{{ $groupName.$value }}"
                    type="radio"
                    name="{{ $groupName }}"
                    value="{{ $value }}"
                    x-model="{{ $attributes->get('x-model') ?? $groupName }}"
                    @if($value == $isActive) checked @endif
                    class="form-radio h-5 w-5 text-blue-500 border-gray-300 rounded-full focus:ring-2 focus:ring-blue-500 focus:outline-none"
                >
                <label for="radio{{ $groupName.$value }}" class="text-gray-700">{{ $label }}</label>
            </div>
        @endforeach
    </div>
@endif