<div class="mt-4 max-w-md">
    @if ($typeOptions)
        @foreach($typeOptions as $typeOption)
            <div class="flex items-start mb-2">
                <input type="radio"
                       id="{{ 'transTypeRadio-' . $typeOption->id }}"
                       name="transactionType"
                       value="{{ $typeOption->name }}"
                       wire:model.live="transactionTypeSelected"
                       class="h-4 w-4 rounded-full border-theme-primary text-theme-accent focus:ring-theme-accent focus:border-theme-accent transition duration-150 ease-in-out cursor-pointer" />
                <label for="{{ 'transTypeRadio-' . $typeOption->id }}" class="ml-2 text-sm font-medium text-theme-primary cursor-pointer select-none">{{ __($typeOption->label) }}</label>
            </div>
        @endforeach
    @endif
</div>