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

//#region src/emails/InviteUserEmail.tsx
const InviteUserEmailEN = ({ username, invitedByUsername, invitedByEmail, organizationName, inviteLink, inviteFromIp, inviteFromLocation }) => {
	const previewText = `Join ${invitedByUsername} on Intlayer`;
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: previewText }),
		/* @__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: [
							"Join ",
							/* @__PURE__ */ jsx("strong", { children: organizationName }),
							" on",
							" ",
							/* @__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: [
							/* @__PURE__ */ jsx("strong", { children: invitedByUsername }),
							" (",
							/* @__PURE__ */ jsx(Link, {
								href: `mailto:${invitedByEmail}`,
								className: "text-[#8a8a8a] no-underline",
								children: invitedByEmail
							}),
							") has invited you to the ",
							/* @__PURE__ */ jsx("strong", { children: organizationName }),
							" team on ",
							/* @__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: inviteLink,
							children: "Join the team"
						})
					}),
					/* @__PURE__ */ jsx(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: "or copy and paste this URL into your browser:"
					}),
					/* @__PURE__ */ jsx(Link, {
						href: inviteLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: inviteLink
					}),
					/* @__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 invitation was intended for",
							" ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: username
							}),
							". This invite was sent from ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: inviteFromIp
							}),
							" ",
							inviteFromLocation && /* @__PURE__ */ jsxs(Fragment, { children: [" located in ", /* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: inviteFromLocation
							})] }),
							". If you were not expecting this invitation, you can ignore this email. If you are concerned about your account's safety, please reply to this email to get in touch with us."
						]
					})
				]
			})
		}) })
	] });
};
const InviteUserEmailFR = ({ username, invitedByUsername, invitedByEmail, organizationName, inviteLink, inviteFromIp, inviteFromLocation }) => {
	const previewText = `Rejoignez ${invitedByUsername} sur Intlayer`;
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: previewText }),
		/* @__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: [
							"Rejoignez ",
							/* @__PURE__ */ jsx("strong", { children: organizationName }),
							" sur",
							" ",
							/* @__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: [
							/* @__PURE__ */ jsx("strong", { children: invitedByUsername }),
							" (",
							/* @__PURE__ */ jsx(Link, {
								href: `mailto:${invitedByEmail}`,
								className: "text-[#8a8a8a] no-underline",
								children: invitedByEmail
							}),
							") vous a invité à rejoindre l'équipe de",
							" ",
							/* @__PURE__ */ jsx("strong", { children: organizationName }),
							" sur ",
							/* @__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: inviteLink,
							children: "Rejoindre l'équipe"
						})
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: ["ou copiez et collez cette URL dans votre navigateur :", " "]
					}),
					/* @__PURE__ */ jsx(Link, {
						href: inviteLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: inviteLink
					}),
					/* @__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: [
							"Cette invitation était destinée à",
							" ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: username
							}),
							". Cette invitation a été envoyée depuis",
							" ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: inviteFromIp
							}),
							inviteFromLocation && /* @__PURE__ */ jsxs(Fragment, { children: [", située à ", /* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: inviteFromLocation
							})] }),
							". Si vous n'attendiez pas cette invitation, vous pouvez ignorer cet email. Si vous êtes préoccupé par la sécurité de votre compte, veuillez répondre à cet email pour nous contacter."
						]
					})
				]
			})
		}) })
	] });
};
const InviteUserEmailES = ({ username, invitedByUsername, invitedByEmail, organizationName, inviteLink, inviteFromIp, inviteFromLocation }) => {
	const previewText = `Únete a ${invitedByUsername} en Intlayer`;
	return /* @__PURE__ */ jsxs(Html, { children: [
		/* @__PURE__ */ jsx(Head, {}),
		/* @__PURE__ */ jsx(Preview, { children: previewText }),
		/* @__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: [
							"Únete a ",
							/* @__PURE__ */ jsx("strong", { children: organizationName }),
							" 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: [
							/* @__PURE__ */ jsx("strong", { children: invitedByUsername }),
							" (",
							/* @__PURE__ */ jsx(Link, {
								href: `mailto:${invitedByEmail}`,
								className: "text-[#8a8a8a] no-underline",
								children: invitedByEmail
							}),
							") te ha invitado a unirte al equipo de",
							" ",
							/* @__PURE__ */ jsx("strong", { children: organizationName }),
							" en ",
							/* @__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: inviteLink,
							children: "Unirse al equipo"
						})
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: ["o copia y pega esta URL en tu navegador:", " "]
					}),
					/* @__PURE__ */ jsx(Link, {
						href: inviteLink,
						className: "text-[#8a8a8a] text-[10px] no-underline",
						children: inviteLink
					}),
					/* @__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: [
							"Esta invitación estaba destinada para",
							" ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: username
							}),
							". Esta invitación fue enviada desde",
							" ",
							/* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: inviteFromIp
							}),
							inviteFromLocation && /* @__PURE__ */ jsxs(Fragment, { children: [", ubicada en ", /* @__PURE__ */ jsx("span", {
								className: "text-black",
								children: inviteFromLocation
							})] }),
							". Si no esperabas esta invitación, puedes ignorar este correo. Si estás preocupado por la seguridad de tu cuenta, por favor responde a este correo para contactarte con nosotros."
						]
					})
				]
			})
		}) })
	] });
};
const PreviewProps = {
	username: "alanturing",
	invitedByUsername: "Alan",
	invitedByEmail: "alan.turing@example.com",
	organizationName: "Enigma",
	inviteLink: "https://intlayer.org/teams/invite/foo",
	inviteFromIp: "204.13.x.x",
	inviteFromLocation: "São Paulo, Brazil"
};
InviteUserEmailEN.PreviewProps = PreviewProps;
InviteUserEmailFR.PreviewProps = PreviewProps;
InviteUserEmailES.PreviewProps = PreviewProps;

//#endregion
export { InviteUserEmailEN, InviteUserEmailES, InviteUserEmailFR };
//# sourceMappingURL=InviteUserEmail.mjs.map