\n {isLogin ? 'Welcome Back' : 'Join BubbleSpace'}\n

\n \n \n \n

\n\n {/* Content */}\n

\n {error && (\n

\n {error}\n

\n )}\n\n {/* Demo Login Button */}\n \n {loading ? '🔄 Loading...' : '✨ Try Demo Account'}\n \n\n

\n or\n

\n\n {/* Login Form */}\n {isLogin ? (\n

\n \n Email\n \n setLoginForm(prev => ({ ...prev, email: e.target.value }))}\n className=\"input-primary\"\n placeholder=\"Enter your email\"\n />\n

\n \n

\n \n Password\n \n setLoginForm(prev => ({ ...prev, password: e.target.value }))}\n className=\"input-primary\"\n placeholder=\"Enter your password\"\n />\n

\n\n \n {loading ? 'Signing In...' : 'Sign In'}\n \n \n ) : (\n /* Register Form */\n

\n \n Username\n \n setRegisterForm(prev => ({ ...prev, username: e.target.value }))}\n className=\"input-primary\"\n placeholder=\"Choose a username\"\n />\n

\n\n

\n \n Display Name\n \n setRegisterForm(prev => ({ ...prev, displayName: e.target.value }))}\n className=\"input-primary\"\n placeholder=\"Your display name\"\n />\n

\n \n

\n \n Email\n \n setRegisterForm(prev => ({ ...prev, email: e.target.value }))}\n className=\"input-primary\"\n placeholder=\"Enter your email\"\n />\n

\n \n

\n \n Password\n \n setRegisterForm(prev => ({ ...prev, password: e.target.value }))}\n className=\"input-primary\"\n placeholder=\"Create a password\"\n />\n

\n\n \n {loading ? 'Creating Account...' : 'Create Account'}\n \n \n )}\n\n {/* Toggle Form */}\n

\n {\n setIsLogin(!isLogin);\n setError('');\n }}\n className=\"text-blue-600 hover:text-blue-700 font-medium transition-colors duration-200\"\n >\n {isLogin \n ? \"Don't have an account? Sign up\" \n : \"Already have an account? Sign in\"\n }\n \n

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