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/MagicLinkEmail.tsx
const MagicLinkEmailEN = ({ username, magicLink }) => {
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: `Sign in 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: ["Sign in 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: [
							"Click the button below to sign in to your",
							" ",
							/* @__PURE__ */ jsx("strong", { children: "Intlayer" }),
							" account. This link will expire in 10 minutes."
						]
					}),
					/* @__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: magicLink,
							children: "Sign In"
						})
					}),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: "or copy and paste this URL into your browser:"
					}),
					/* @__PURE__ */ jsx(Link, {
						href: magicLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: magicLink
					}),
					/* @__PURE__ */ jsx(Hr, { className: "mx-0 my-[26px] w-full border border-[#eaeaea] border-solid" }),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[#666666] text-[12px] leading-[24px]",
						children: [
							"This sign-in link was intended for",
							" ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: username
							}),
							". If you did not request this link, you can safely ignore this email. If you are concerned about your account's safety, please reply to this email to get in touch with us."
						]
					})
				]
			})
		}) })
	] });
};
const MagicLinkEmailFR = ({ username, magicLink }) => {
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: `Connectez-vous à 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: ["Connectez-vous à ", /* @__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: [
							"Cliquez sur le bouton ci-dessous pour vous connecter à votre compte ",
							/* @__PURE__ */ jsx("strong", { children: "Intlayer" }),
							". Ce lien expirera dans 10 minutes."
						]
					}),
					/* @__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: magicLink,
							children: "Se connecter"
						})
					}),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: "ou copiez et collez cette URL dans votre navigateur :"
					}),
					/* @__PURE__ */ jsx(Link, {
						href: magicLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: magicLink
					}),
					/* @__PURE__ */ jsx(Hr, { className: "mx-0 my-[26px] w-full border border-[#eaeaea] border-solid" }),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[#666666] text-[12px] leading-[24px]",
						children: [
							"Ce lien de connexion était destiné à",
							" ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: username
							}),
							". Si vous n'avez pas demandé ce lien, vous pouvez ignorer cet email en toute sécurité. Si vous êtes préoccupé par la sécurité de votre compte, veuillez répondre à cet email pour nous contacter."
						]
					})
				]
			})
		}) })
	] });
};
const MagicLinkEmailES = ({ username, magicLink }) => {
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: `Inicia sesión en 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: ["Inicia sesión en ", /* @__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: [
							"Haz clic en el botón de abajo para iniciar sesión en tu cuenta de",
							" ",
							/* @__PURE__ */ jsx("strong", { children: "Intlayer" }),
							". Este enlace expirará en 10 minutos."
						]
					}),
					/* @__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: magicLink,
							children: "Iniciar Sesión"
						})
					}),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: "o copia y pega esta URL en tu navegador:"
					}),
					/* @__PURE__ */ jsx(Link, {
						href: magicLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: magicLink
					}),
					/* @__PURE__ */ jsx(Hr, { className: "mx-0 my-[26px] w-full border border-[#eaeaea] border-solid" }),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[#666666] text-[12px] leading-[24px]",
						children: [
							"Este enlace de inicio de sesión estaba destinado a",
							" ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: username
							}),
							". Si no solicitaste este enlace, puedes ignorar este correo de forma segura. Si estás preocupado por la seguridad de tu cuenta, por favor responde a este correo para ponerte en contacto con nosotros."
						]
					})
				]
			})
		}) })
	] });
};
const PreviewProps = {
	username: "alanturing",
	magicLink: "https://intlayer.org/auth/magic-link/verify?token=foo"
};
MagicLinkEmailEN.PreviewProps = PreviewProps;
MagicLinkEmailFR.PreviewProps = PreviewProps;
MagicLinkEmailES.PreviewProps = PreviewProps;

//#endregion
export { MagicLinkEmailEN, MagicLinkEmailES, MagicLinkEmailFR };
//# sourceMappingURL=MagicLinkEmail.mjs.map