\n {/* Header */}\n

\n {isLogin ? 'Sign In' : 'Create Account'}\n

\n \n ×\n \n

\n\n {/* Toggle */}\n

\n setIsLogin(true)}\n className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${\n isLogin ? 'bg-white text-purple-600 shadow-sm' : 'text-gray-600'\n }`}\n >\n Sign In\n \n setIsLogin(false)}\n className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${\n !isLogin ? 'bg-white text-purple-600 shadow-sm' : 'text-gray-600'\n }`}\n >\n Register\n \n

\n\n {/* Error Message */}\n {error && (\n

\n {error}\n

\n )}\n\n {/* Forms */}\n {isLogin ? (\n

\n \n Email\n \n setLoginForm(prev => ({ ...prev, email: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n placeholder=\"your@email.com\"\n />\n

\n \n

\n \n Password\n \n setLoginForm(prev => ({ ...prev, password: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n placeholder=\"••••••••\"\n />\n

\n\n \n {isLoading ? (\n

\n Signing In...\n

\n ) : (\n 'Sign In'\n )}\n \n \n ) : (\n

\n \n Full Name *\n \n setRegisterForm(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n placeholder=\"John Doe\"\n />\n

\n\n

\n \n Email *\n \n setRegisterForm(prev => ({ ...prev, email: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n placeholder=\"your@email.com\"\n />\n

\n\n

\n \n Password *\n \n setRegisterForm(prev => ({ ...prev, password: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n placeholder=\"••••••••\"\n />\n

\n\n

\n \n Phone\n \n setRegisterForm(prev => ({ ...prev, phone: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n placeholder=\"(555) 123-4567\"\n />\n

\n\n

\n \n Address\n \n setRegisterForm(prev => ({ ...prev, address: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n placeholder=\"123 Main St, City, State 12345\"\n rows={2}\n />\n

\n\n \n {isLoading ? (\n

\n Creating Account...\n

\n ) : (\n 'Create Account'\n )}\n \n \n )}\n

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