\n {field.options?.map((option, index) => (\n \n handleInputChange(field.id, e.target.value)}\n required={field.required}\n className=\"mr-2\"\n />\n {option}\n \n ))}\n

\n );\n\n case 'checkbox':\n return (\n

\n {field.options?.map((option, index) => (\n \n {\n const currentValues = Array.isArray(value) ? value : [];\n if (e.target.checked) {\n handleInputChange(field.id, [...currentValues, option]);\n } else {\n handleInputChange(field.id, currentValues.filter(v => v !== option));\n }\n }}\n className=\"mr-2\"\n />\n {option}\n \n ))}\n

\n );\n\n default:\n return null;\n }\n };\n\n if (submitted) {\n return (\n

✅

Thank You!

\n {form.settings.responseMessage || 'Your form has been submitted successfully.'}\n

\n {form.settings.allowMultipleSubmissions && (\n {\n setSubmitted(false);\n setFormData({});\n }}\n className=\"mt-4 px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700\"\n >\n Submit Another Response\n \n )}\n

\n );\n }\n\n return (\n

{form.title}

\n {form.description && (\n

{form.description}

\n )}\n

\n\n {error && (\n

{error}

\n )}\n\n \n\n {!isEmbed && (\n

\n Powered by Form Builder\n

\n )}\n

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