\n setTitle(e.target.value)}\n placeholder=\"Adicionar nova tarefa...\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none text-lg\"\n onFocus={() => setIsExpanded(true)}\n />\n

\n\n {isExpanded && (\n <>\n

\n setDescription(e.target.value)}\n placeholder=\"Descrição (opcional)\"\n rows={3}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none resize-none\"\n />\n

\n\n

\n \n Prioridade\n \n setPriority(e.target.value as 'baixa' | 'media' | 'alta')}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none\"\n >\n \n \n \n \n

\n\n

\n \n Data de vencimento\n \n setDueDate(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none\"\n />\n

\n \n )}\n\n

\n {isExpanded && (\n setIsExpanded(false)}\n className=\"px-4 py-2 text-gray-600 hover:text-gray-800 transition-colors\"\n >\n Cancelar\n \n )}\n \n \n {isExpanded ? 'Criar Tarefa' : 'Adicionar'}\n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/diegoivo/todo-sqlite/code/frontend/components/TodoForm.tsx","extension","actionData","errors"]