@props([
    'label' => null,
    'state' => null,
])

<div>
    <label class="inline-flex items-center space-x-2 @if ($state === false) text-red-900 @endif">

        <input
            {{ $attributes }}
            type="radio"
            class="form-radio
            @if ($state === false) border-red-300 focus:border-red-300 focus:shadow-outline-red @endif"
        />

        @if ($label)
            <span class="text-sm">
                {{ $label }}
            </span>
        @else
            {{ $slot }}
        @endif

    </label>
</div>