import t from"react";var n=({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}),d=({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))))};import i from"react";var p=({isOpen:o,toggleModal:e,children:l,overlayProps:a,modalProps:r})=>o?i.createElement("div",{className:"fixed inset-0 flex items-center justify-center z-100 gap-3"},i.createElement("div",{className:"absolute inset-0 bg-black opacity-50",onClick:e,...a}),i.createElement("div",{className:"rounded-lg p-4 z-50 max-w-md w-full bg-background-secondary",...r},l)):null;export{d as AuthModalContent,n as AuthModalOverlay,p as Modal};
//# sourceMappingURL=index.mjs.map