<Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
    <div class="p-4 space-y-4">
        {{#each @options.promptOptions as |option index|}}
            <div class="flex flex-row items-center bg-gray-100 border-gray-200 px-4 py-2 dark:bg-gray-800 dark:border-gray-700 rounded-lg">
                <RadioButton
                    @radioClass="focus:ring-blue-500 mr-3"
                    @radioId={{concat "option_" index}}
                    @value={{option}}
                    @groupValue={{@options.selected}}
                    @name="option"
                    @changed={{fn (mut @options.selected)}}
                >
                    <span class="dark:text-white font-semibold">{{humanize option}}</span>
                </RadioButton>
            </div>
        {{/each}}
    </div>
</Modal::Default>