\n 🔐\n

\n Encrypt Message\n

\n\n

\n \n Your Message\n \n setMessage(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Type your secret message here...\"\n className=\"w-full h-32 p-3 border border-gray-300 dark:border-gray-600 rounded-lg resize-none focus:ring-2 focus:ring-purple-500 focus:border-transparent dark:bg-gray-700 dark:text-white transition-all duration-200\"\n maxLength={1000}\n />\n

\n {message.length}/1000 characters\n

\n\n

\n \n Password\n \n setPassword(e.target.value)}\n onKeyPress={handleKeyPress}\n placeholder=\"Enter a secure password\"\n className=\"w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent dark:bg-gray-700 dark:text-white transition-all duration-200\"\n />\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n \n {loading ? (\n <>\n

\n Encrypting...\n \n ) : (\n <>\n 🔐\n Encrypt\n \n )}\n \n\n {result && (\n

\n \n Encrypted Emojis\n \n

\n \n \n {copySuccess ? '✅ Copied!' : '📋 Copy'}\n \n

\n 💡 Tip: Press Ctrl+Enter to encrypt quickly\n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/abdullah678/Txtmoji/code/frontend/components/EncryptCard.tsx","extension","actionData","errors"]