\n 📝 Markdown Editor\n

\n \n

\n Mode:\n

\n onModeChange('split')}\n className={`px-3 py-1 text-sm rounded-md transition-all toolbar-button ${\n mode === 'split'\n ? 'bg-blue-500 text-white shadow-sm'\n : 'text-gray-600 hover:text-gray-800'\n }`}\n >\n 📊 Split\n \n onModeChange('wysiwyg')}\n className={`px-3 py-1 text-sm rounded-md transition-all toolbar-button ${\n mode === 'wysiwyg'\n ? 'bg-blue-500 text-white shadow-sm'\n : 'text-gray-600 hover:text-gray-800'\n }`}\n >\n ✏️ WYSIWYG\n \n

\n\n

\n Direction:\n

\n onDirectionChange('ltr')}\n className={`px-3 py-1 text-sm rounded-md transition-all toolbar-button ${\n direction === 'ltr'\n ? 'bg-green-500 text-white shadow-sm'\n : 'text-gray-600 hover:text-gray-800'\n }`}\n >\n ⬅️ LTR\n \n onDirectionChange('rtl')}\n className={`px-3 py-1 text-sm rounded-md transition-all toolbar-button ${\n direction === 'rtl'\n ? 'bg-green-500 text-white shadow-sm'\n : 'text-gray-600 hover:text-gray-800'\n }`}\n >\n ➡️ RTL\n \n

\n\n

\n \n 🔗\n Share\n \n \n \n 💾\n Export\n \n \n \n 🗑️\n Clear\n \n

\n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/elnaddar/online-md/code/frontend/components/Toolbar.tsx","extension","actionData","errors"]