\n {isLogin ? \"Welcome Back\" : \"Create Account\"}\n

\n {isLogin ? \"Sign in to your account\" : \"Sign up for a new account\"}\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n {success && (\n

\n {success}\n

\n )}\n\n

\n \n Username\n \n setUsername(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"Enter your username\"\n disabled={loading}\n />\n

\n\n

\n \n Password\n \n setPassword(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"Enter your password\"\n disabled={loading}\n />\n {!isLogin && (\n

\n Password must be at least 6 characters long\n

\n )}\n

\n\n \n {loading ? (\n

\n {isLogin ? \"Signing in...\" : \"Creating account...\"}\n

\n ) : (\n isLogin ? \"Sign In\" : \"Create Account\"\n )}\n \n \n\n

\n \n {isLogin \n ? \"Don't have an account? Sign up\" \n : \"Already have an account? Sign in\"\n }\n \n

\n\n {isLogin && (\n

\n Demo credentials:
\n Username: demo
\n Password: demo123\n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Varun07/untitled-9454/code/frontend/components/LoginForm.tsx","extension","actionData","errors"]