<div class="{{ ['space-y-6', 'sm:flex sm:items-center sm:space-x-10 sm:space-y-0' => inline] | classes }}">
    {{ foreach:options as="option|label" }}
        <div class="flex items-center">
            <input
                    id="{{ handle }}-{{ option }}"
                    name="{{ handle }}"
                    type="radio"
                    value="{{ option }}"
                    class=" {{ [
                        'size-4',
                        'border-gray-300 text-indigo-600 focus:ring-indigo-600' => !$error,
                        'border-red-300 text-red-900 focus:ring-red-500' => $error
                    ] | classes }}
                    "
                    {{ if value|in_array:option }}checked{{ /if }}
                    {{ if visibility === 'read_only' }}disabled{{ /if }}
                    {{ if js_driver }}{{ js_attributes }}{{ /if }}
                >
            <label for="{{ handle }}-{{ option }}" class="{{ ['ml-3', 'text-gray-900' => !$error, 'text-red-600' => $error ] | classes }}">{{ label !== null ? label : option }}</label>
        </div>
    {{ /foreach:options }}
</div>
