import{j as e}from"./query-vendor-CZu0EHPe.js";import{r as g,u as f,L as y}from"./react-vendor-0bvDbF03.js";import{a7 as j,a8 as v,a9 as b,e as w,B as N,aa as L,m as c}from"./index-B2Fv47c7.js";import{u as k}from"./i18n-vendor-Bg2yf_Zw.js";import{A}from"./arrow-left-49fmQP3j.js";function R(){!j.current&&v();const[s]=g.useState(b.current);return s}const t="https://cdn.storysparkle.org/ui_elements/auth_assets",M={login:`${t}/Login.webp`,signup:`${t}/Signup.webp`,reset:`${t}/Reset%20Password.webp`,verify:`${t}/Verify%20Email.webp`},S="https://cdn.storysparkle.org/logo_assets/Logo%20Claymation%20Transparent%20Square%20WEBP.webp",_="https://cdn.storysparkle.org/landing_assets/Claymation%20Wordmark%20Transparent%20WEBP.webp",T=({art:s,title:d,subtitle:a,children:m})=>{const u=R(),n=f(),{getLocalizedPath:i}=w(),{t:x}=k("auth"),r=M[s],h=()=>{window.history.length>1?n(-1):n(i("/"))},o=p=>u?{}:{initial:{opacity:0,y:p},animate:{opacity:1,y:0},transition:{y:{type:"spring",stiffness:95,damping:10,mass:1.1,delay:.12},opacity:{duration:.5,delay:.12}}},l=`${s}`;return e.jsxs("div",{className:"flex min-h-dvh flex-col bg-page-surface",children:[e.jsxs("div",{className:"relative shrink-0 overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute inset-x-[-12%] inset-y-0 rounded-b-[50%] bg-nature-coral/15 lg:hidden"}),e.jsxs("div",{className:"relative z-10 flex items-center justify-between px-2 py-1.5 sm:px-4 sm:py-3",children:[e.jsx(N,{variant:"ghost",size:"icon",className:"h-9 w-9 hover:text-nature-coral",onClick:h,"aria-label":x("back",{defaultValue:"Back"}),children:e.jsx(A,{className:"h-5 w-5"})}),e.jsx(L,{})]}),e.jsx("div",{className:"relative z-10 flex h-32 items-end justify-center sm:h-44 lg:hidden",children:e.jsx(c.img,{src:r,alt:"","aria-hidden":!0,className:"pointer-events-none mb-4 h-36 w-auto object-contain sm:mb-5 sm:h-48",decoding:"async",...o(-110)},l)})]}),e.jsxs("div",{className:"flex flex-1 flex-col lg:grid lg:grid-cols-2 lg:items-stretch",children:[e.jsx("div",{className:"flex flex-1 justify-center px-4 pb-4 pt-2 sm:pb-6 sm:pt-5 lg:px-8 lg:pt-[7vh]",children:e.jsxs("div",{className:"w-full max-w-md",children:[e.jsxs(y,{to:i("/"),className:"mb-2 flex items-center justify-center gap-3 sm:mb-4",children:[e.jsx("img",{src:S,alt:"",className:"h-14 w-auto md:h-16",decoding:"async"}),e.jsx("img",{src:_,alt:"StorySparkle",className:"h-8 w-auto md:h-10",decoding:"async"})]}),e.jsx("h1",{className:"text-center text-xl font-bold text-ink sm:text-2xl",children:d}),a?e.jsx("p",{className:"mt-2 text-center text-sm text-nature-forest",children:a}):null,e.jsx("div",{className:"mt-3 sm:mt-5",children:m})]})}),e.jsxs("div",{className:"relative hidden lg:flex lg:items-end lg:justify-center lg:overflow-hidden",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute bottom-0 left-1/2 h-[74dvh] w-[76%] max-w-xl -translate-x-1/2 rounded-t-full bg-nature-coral/15"}),e.jsx(c.img,{src:r,alt:"","aria-hidden":!0,className:"pointer-events-none relative z-10 max-h-[84dvh] w-auto object-contain",decoding:"async",...o(110)},l)]})]})]})};export{T as A};