import { Body, Button, Container, Head, Heading, Hr, Html, Img, Link, Preview, Section, Tailwind, Text } from "@react-email/components";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/emails/Welcome.tsx
const WelcomeEmailEN = ({ username, loginLink }) => {
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: `Welcome to Intlayer!` }),
		/* @__PURE__ */ jsx(Tailwind, { children: /* @__PURE__ */ jsx(Body, {
			className: "m-auto px-2 font-sans",
			children: /* @__PURE__ */ jsxs(Container, {
				className: "mx-auto my-[40px] max-w-[465px] rounded-xl border border-[#eaeaea] border-solid bg-white p-[20px]",
				children: [
					/* @__PURE__ */ jsx(Section, {
						className: "mt-[32px]",
						children: /* @__PURE__ */ jsx(Img, {
							src: "https://intlayer.org/apple-touch-icon.png",
							width: "40",
							height: "37",
							alt: "Intlayer",
							className: "mx-auto my-0"
						})
					}),
					/* @__PURE__ */ jsxs(Heading, {
						className: "mx-0 my-[30px] p-0 text-center font-normal text-[24px] text-black",
						children: ["Welcome to ", /* @__PURE__ */ jsx("strong", { children: "Intlayer" })]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Hello ",
							username,
							","
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"We're excited to have you on board! Get started by logging in to your ",
							/* @__PURE__ */ jsx("strong", { children: "Intlayer" }),
							" account."
						]
					}),
					/* @__PURE__ */ jsx(Section, {
						className: "my-[32px] text-center",
						children: /* @__PURE__ */ jsx(Button, {
							className: "rounded-md bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline",
							href: loginLink,
							children: "Log In to Your Account"
						})
					}),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: "or copy and paste this URL into your browser:"
					}),
					/* @__PURE__ */ jsx(Link, {
						href: loginLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: loginLink
					}),
					/* @__PURE__ */ jsx(Hr, { className: "mx-0 my-[26px] w-full border border-[#eaeaea] border-solid" }),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[#666666] text-[12px] leading-[24px]",
						children: "If you have any questions or need help getting started, feel free to reply to this email. We're here to help!"
					})
				]
			})
		}) })
	] });
};
const WelcomeEmailFR = ({ username, loginLink }) => {
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: `Bienvenue chez Intlayer !` }),
		/* @__PURE__ */ jsx(Tailwind, { children: /* @__PURE__ */ jsx(Body, {
			className: "m-auto px-2 font-sans",
			children: /* @__PURE__ */ jsxs(Container, {
				className: "mx-auto my-[40px] max-w-[465px] rounded-xl border border-[#eaeaea] border-solid bg-white p-[20px]",
				children: [
					/* @__PURE__ */ jsx(Section, {
						className: "mt-[32px]",
						children: /* @__PURE__ */ jsx(Img, {
							src: "https://intlayer.org/apple-touch-icon.png",
							width: "40",
							height: "37",
							alt: "Intlayer",
							className: "mx-auto my-0"
						})
					}),
					/* @__PURE__ */ jsxs(Heading, {
						className: "mx-0 my-[30px] p-0 text-center font-normal text-[24px] text-black",
						children: ["Bienvenue chez ", /* @__PURE__ */ jsx("strong", { children: "Intlayer" })]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Bonjour ",
							username,
							","
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Nous sommes ravis de vous avoir parmi nous ! Commencez par vous connecter à votre compte ",
							/* @__PURE__ */ jsx("strong", { children: "Intlayer" }),
							"."
						]
					}),
					/* @__PURE__ */ jsx(Section, {
						className: "my-[32px] text-center",
						children: /* @__PURE__ */ jsx(Button, {
							className: "rounded-md bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline",
							href: loginLink,
							children: "Connectez-vous à votre compte"
						})
					}),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: "ou copiez et collez cette URL dans votre navigateur :"
					}),
					/* @__PURE__ */ jsx(Link, {
						href: loginLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: loginLink
					}),
					/* @__PURE__ */ jsx(Hr, { className: "mx-0 my-[26px] w-full border border-[#eaeaea] border-solid" }),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[#666666] text-[12px] leading-[24px]",
						children: "Si vous avez des questions ou besoin d'aide pour commencer, n'hésitez pas à répondre à cet e-mail. Nous sommes là pour vous aider !"
					})
				]
			})
		}) })
	] });
};
const WelcomeEmailES = ({ username, loginLink }) => {
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: `¡Bienvenido a Intlayer!` }),
		/* @__PURE__ */ jsx(Tailwind, { children: /* @__PURE__ */ jsx(Body, {
			className: "m-auto px-2 font-sans",
			children: /* @__PURE__ */ jsxs(Container, {
				className: "mx-auto my-[40px] max-w-[465px] rounded-xl border border-[#eaeaea] border-solid bg-white p-[20px]",
				children: [
					/* @__PURE__ */ jsx(Section, {
						className: "mt-[32px]",
						children: /* @__PURE__ */ jsx(Img, {
							src: "https://intlayer.org/apple-touch-icon.png",
							width: "40",
							height: "37",
							alt: "Intlayer",
							className: "mx-auto my-0"
						})
					}),
					/* @__PURE__ */ jsxs(Heading, {
						className: "mx-0 my-[30px] p-0 text-center font-normal text-[24px] text-black",
						children: ["Bienvenido a ", /* @__PURE__ */ jsx("strong", { children: "Intlayer" })]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Hola ",
							username,
							","
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"¡Estamos emocionados de tenerte a bordo! Comienza iniciando sesión en tu cuenta de ",
							/* @__PURE__ */ jsx("strong", { children: "Intlayer" }),
							"."
						]
					}),
					/* @__PURE__ */ jsx(Section, {
						className: "my-[32px] text-center",
						children: /* @__PURE__ */ jsx(Button, {
							className: "rounded-md bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline",
							href: loginLink,
							children: "Inicia sesión en tu cuenta"
						})
					}),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: "o copia y pega esta URL en tu navegador:"
					}),
					/* @__PURE__ */ jsx(Link, {
						href: loginLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: loginLink
					}),
					/* @__PURE__ */ jsx(Hr, { className: "mx-0 my-[26px] w-full border border-[#eaeaea] border-solid" }),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[#666666] text-[12px] leading-[24px]",
						children: "Si tienes preguntas o necesitas ayuda para comenzar, no dudes en responder a este correo electrónico. ¡Estamos aquí para ayudarte!"
					})
				]
			})
		}) })
	] });
};
const PreviewProps = {
	username: "alanturing",
	loginLink: "https://intlayer.org/login"
};
WelcomeEmailEN.PreviewProps = PreviewProps;
WelcomeEmailFR.PreviewProps = PreviewProps;
WelcomeEmailES.PreviewProps = PreviewProps;

//#endregion
export { WelcomeEmailEN, WelcomeEmailES, WelcomeEmailFR };
//# sourceMappingURL=Welcome.mjs.map