\n \n {currentLang.switchMode}\n \n \n {currentLang.switchLanguage}\n \n

{currentLang.title}

{currentLang.description}

\n setMessage(e.target.value)}\n placeholder={currentLang.placeholder}\n style={{\n width: '100%',\n padding: '12px 15px',\n fontSize: '1rem',\n borderRadius: '4px',\n border: `3px solid ${primaryColor}`,\n outline: 'none',\n fontFamily: language === 'ar' ? 'Arial, sans-serif' : '\"Times New Roman\", serif',\n backgroundColor: backgroundColor,\n color: mode === 'happy' ? '#FFD700' : '#90ffa9',\n caretColor: mode === 'happy' ? '#FFD700' : '#90ffa9',\n }}\n onKeyPress={(e) => e.key === 'Enter' && translateMessage()}\n />\n \n {isLoading ? loadingText : buttonText}\n \n

\n {translation.text && (\n

{translation.text}

{translation.emoji}

\n )}\n

\n );\n}\n\nfunction client() {\n const container = document.getElementById('root');\n const root = ReactDOM.createRoot(container);\n root.render();\n}\n\nif (typeof document !== 'undefined') {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n \n \n \n Mood Translator\n \n \n \n \n

\n \n \n \n `, {\n headers: {\n 'Content-Type': 'text/html',\n },\n });\n}","deleted","label",[99],"permalink","https://www.val.town/x/mirza/angerTranslatorApp/code/main.tsx","extension","actionData","errors"]