\n {/* Header row */}\n

\n {/* Toggle button */}\n onToggle(todo.id)}\n disabled={isLoading}\n className={`\n flex-shrink-0 mt-0.5 rounded-full transition-colors\n ${todo.completed\n ? \"text-warm-500 hover:text-warm-600\"\n : \"text-gray-400 hover:text-warm-500\"\n }\n `}\n aria-label={todo.completed ? \"Mark as incomplete\" : \"Mark as complete\"}\n >\n {isLoading ? (\n \n ) : todo.completed ? (\n \n ) : (\n \n )}\n \n\n {/* Content */}\n

\n \n {todo.title}\n \n {todo.description && (\n \n {todo.description}\n

\n )}\n

\n\n {/* Priority badge */}\n \n {priority.label}\n \n

\n\n {/* Footer row */}\n

\n \n {new Date(todo.createdAt).toLocaleDateString()}\n \n \n

\n onEdit(todo)}\n disabled={isLoading}\n className=\"p-1.5 rounded-lg text-gray-500 hover:text-warm-600 hover:bg-warm-50 dark:hover:bg-gray-700 transition-colors\"\n aria-label=\"Edit todo\"\n >\n \n \n onDelete(todo.id)}\n disabled={isLoading}\n className=\"p-1.5 rounded-lg text-gray-500 hover:text-rose-600 hover:bg-rose-50 dark:hover:bg-rose-900/20 transition-colors\"\n aria-label=\"Delete todo\"\n >\n \n \n

\n \n );\n}\n\nexport default TodoCard;\n","deleted","label",[174,175,156],"FRONTEND","components","permalink","https://www.val.town/x/cgshaq/untitled-2571/code/FRONTEND/components/TodoCard.tsx","extension","actionData","errors"]