{config.question}

\n \n {error && (\n

\n ⚠️\n {error}\n setError(null)}\n className=\"ml-auto text-red-500 hover:text-red-700\"\n aria-label=\"Dismiss error\"\n >\n ✕\n \n

\n )}\n\n {/* Add new option input */}\n

\n setNewOptionText(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n handleAddOption();\n }\n }}\n placeholder=\"Type a new option and press Enter...\"\n className=\"flex-1 px-4 py-3 glass-input rounded-xl text-lg\"\n />\n \n Add\n \n

\n\n {/* Options list */}\n {sortedOptions.length === 0 ? (\n

No options yet

Add an option above to get started

\n ) : (\n

\n {sortedOptions.map((option) => {\n const isSelected = selectedOptions.has(option);\n return (\n handleToggleOption(option)}\n className={`w-full p-4 text-left rounded-xl border-2 transition-all transform duration-200 ${\n isSelected\n ? \"border-last-pink bg-gradient-to-r from-last-pink/10 to-last-orange/10 shadow-md scale-[1.02]\"\n : \"border-gray-200/60 hover:border-last-pink/50 hover:bg-white/50 bg-white/30\"\n } cursor-pointer`}\n >\n

\n {isSelected && (\n ✓\n )}\n

\n \n {option}\n \n

\n \n );\n })}\n

\n )}\n\n {loading && (\n

\n Saving...\n

\n )}\n

\n );\n}\n\n","deleted","label",[168,169,170,149],"frontend","components","widgets","permalink","https://www.val.town/x/fwfben/live-talk/code/frontend/components/widgets/MultivoteWidget.tsx","extension","actionData","errors"]