import t from"react";var s=({onClick:o,config:e})=>t.createElement("div",{className:`bg-[${e.theming.backgroundColor}] opacity-25 fixed inset-0 z-40 hover:opacity-100 cursor-pointer hover`,onClick:o}),n=({children:o,config:e,isSignup:l})=>{let a=e.appearance.welcomeMessage?.position=="inside",r=t.createElement("div",{className:`relative w-auto mt-4 mx-auto flex flex-col justify-center items-center ${!a&&"mb-4"} `},t.createElement("div",{style:{color:e.theming.textColor},className:"text-2xl font-bold"},l?e.appearance.signupMessage?.title:e.appearance.welcomeMessage?.title),t.createElement("div",{style:{color:e.theming.textColorSecondary},className:"text-lg"},l?e.appearance.signupMessage?.subtitle:e.appearance.welcomeMessage?.subtitle));return t.createElement("div",{style:{backgroundColor:e.theming.backgroundColor},className:"justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none"},t.createElement("div",{className:"relative w-auto my-6 mx-auto flex flex-col justify-center items-center"},!a&&r,t.createElement("div",{className:"text-white w-full flex items-center justify-center"},t.createElement("div",{style:{backgroundColor:e.theming.backgroundColorSecondary,width:e.appearance.modal.width,borderRadius:e.appearance.modal.borderRadius},className:"relative justify-center items-center"},a&&r,o))))};export{n as AuthModalContent,s as AuthModalOverlay};
//# sourceMappingURL=AuthModal.mjs.map