https://scatteredsaver.com/assets/login-x-zbIE8M.js

1import{u as p,r,j as e,S as b,L as g,t as a,s as f}from"./main-uPQenPng.js";import{l as h}from"./index-B8zHHcXO.js";function v(){const c=p(),[t,d]=r.useState(""),[o,u]=r.useState(""),[l,n]=r.useState(!1),m=async s=>{s.preventDefault(),n(!0);const{error:i}=await f.auth.signInWithPassword({email:t,password:o});if(n(!1),i)return a.error(i.message);a.success("Welcome back!"),c({to:"/account"})},x=async()=>{const s=await h.auth.signInWithOAuth("google",{redirect_uri:window.location.origin+"/account"});s.error&&a.error(s.error.message)};return e.jsx("div",{className:"px-5 py-20",children:e.jsxs("div",{className:"max-w-md mx-auto p-8 rounded-3xl bg-card border border-border shadow-soft",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("span",{className:"grid place-items-center w-10 h-10 rounded-2xl bg-primary text-primary-foreground",children:e.jsx(b,{className:"w-5 h-5"})}),e.jsx("h1",{className:"text-2xl font-black",children:"Welcome back"})]}),e.jsxs("button",{onClick:x,className:"w-full mb-4 px-5 py-3 rounded-2xl bg-card border border-border font-bold hover:border-primary/50 transition flex items-center justify-center gap-2",children:[e.jsxs("svg",{className:"w-5 h-5",viewBox:"0 0 24 24",children:[e.jsx("path",{fill:"#4285F4",d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"}),e.jsx("path",{fill:"#34A853",d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"}),e.jsx("path",{fill:"#FBBC05",d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"}),e.jsx("path",{fill:"#EA4335",d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"})]}),"Continue with Google"]}),e.jsxs("div",{className:"relative my-5",children:[e.jsx("div",{className:"absolute inset-0 flex items-center",children:e.jsx("div",{className:"w-full border-t border-border"})}),e.jsx("div",{className:"relative flex justify-center text-xs",children:e.jsx("span",{className:"px-3 bg-card text-muted-foreground",children:"or"})})]}),e.jsxs("form",{onSubmit:m,className:"space-y-3",children:[e.jsx("input",{type:"email",required:!0,placeholder:"Email",value:t,onChange:s=>d(s.target.value),className:"w-full px-4 py-3 rounded-2xl border border-input bg-background focus:outline-none focus:ring-2 focus:ring-primary/40"}),e.jsx("input",{type:"password",required:!0,placeholder:"Password",value:o,onChange:s=>u(s.target.value),className:"w-full px-4 py-3 rounded-2xl border border-input bg-background focus:outline-none focus:ring-2 focus:ring-primary/40"}),e.jsx("button",{disabled:l,className:"w-full px-5 py-3 rounded-2xl bg-primary text-primary-foreground font-extrabold shadow-pop disabled:opacity-60",children:l?"Signing in…":"Sign in"})]}),e.jsxs("p",{className:"mt-6 text-center text-sm text-muted-foreground",children:["New here? ",e.jsx(g,{to:"/signup",className:"text-primary font-bold",children:"Create an account"})]})]})})}export{v as component};