\n \n {question}\n

\n\n

\n {inputType === \"text\" && (\n

\n }\n type=\"text\"\n value={input}\n onChange={(e) => setInput(e.target.value)}\n onKeyDown={handleKeyDown}\n placeholder={placeholder || \"Type your response...\"}\n className=\"ask-user-input-field\"\n />\n

\n )}\n\n {inputType === \"multiline\" && (\n

\n }\n value={input}\n onChange={(e) => setInput(e.target.value)}\n onKeyDown={handleKeyDown}\n placeholder={placeholder || \"Type your response...\"}\n className=\"ask-user-textarea-field\"\n rows={3}\n />\n

\n )}\n\n {inputType === \"choice\" && (\n

\n {choices.map((choice, index) => (\n {\n setSelectedChoice(choice);\n // Auto-submit on choice selection\n setTimeout(() => onSubmit(choice), 100);\n }}\n >\n {choice}\n \n ))}\n

\n )}\n\n {inputType === \"confirm\" && (\n

\n {\n setSelectedChoice(\"yes\");\n onSubmit(\"yes\");\n }}\n >\n Yes\n \n {\n setSelectedChoice(\"no\");\n onSubmit(\"no\");\n }}\n >\n No\n \n

\n )}\n\n {(inputType === \"text\" || inputType === \"multiline\") && (\n

\n \n Cancel\n \n \n Submit\n \n

\n )}\n

\n\n

\n {inputType === \"text\" || inputType === \"multiline\" \n ? \"Press Enter to submit, Escape to cancel\"\n : inputType === \"choice\"\n ? \"Click an option to select\"\n : \"Choose an option\"\n }\n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/c15r/Chat/code/frontend/components/AskUserInput.tsx","extension","actionData","errors"]