@props([
    'labelText' => '',
    'uid' => uniqid(),
    'name' => '',
    'value' => '',
    'checked' => '',
])

<div class="flex items-center border border-bord-sc h-10 px-4 rounded-md bg-fill-fv cursor-pointer hover:ring-1 active:ring-2 hover:ring-brand-900">
    <input id="radio-option-{{ $uid }}" type="radio" name="{{ $name }}" value="{{ $value }}" required @if($checked) checked @endif class="w-4 h-4 outline-none ring-0 shadow-none border-none border-gray-300" {{ $attributes }}>
    <label for="radio-option-{{ $uid }}" class="block ms-2 text-cap-l font-medium text-gray-900 cursor-pointer">
        {{ $labelText }}
    </label>
</div>