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

//#region src/emails/SubscriptionPaymentSuccess.tsx
const SubscriptionPaymentSuccessEN = ({ username, planName, organizationName, subscriptionStartDate, manageSubscriptionLink }) => {
	const previewText = `Your payment for ${planName} subscription is confirmed`;
	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__ */ jsx(Heading, {
						className: "mx-0 my-[30px] p-0 text-center font-normal text-[24px] text-black",
						children: "Payment Confirmed"
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Hello ",
							username,
							","
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Thank you for your payment! Your subscription to the",
							" ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" plan is now active."
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: ["Start Date: ", /* @__PURE__ */ jsx("strong", { children: subscriptionStartDate })]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: ["Organization: ", /* @__PURE__ */ jsx("strong", { children: organizationName })]
					}),
					/* @__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: manageSubscriptionLink,
							children: "Manage Your Subscription"
						})
					})
				]
			})
		}) })
	] });
};
const SubscriptionPaymentSuccessFR = ({ username, planName, organizationName, subscriptionStartDate, manageSubscriptionLink }) => {
	const previewText = `Votre paiement pour l'abonnement ${planName} est confirmé`;
	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__ */ jsx(Heading, {
						className: "mx-0 my-[30px] p-0 text-center font-normal text-[24px] text-black",
						children: "Paiement Confirmé"
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Bonjour ",
							username,
							","
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Merci pour votre paiement ! Votre abonnement au plan",
							" ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" est maintenant actif."
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: ["Date de début : ", /* @__PURE__ */ jsx("strong", { children: subscriptionStartDate })]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: ["Organisation : ", /* @__PURE__ */ jsx("strong", { children: organizationName })]
					}),
					/* @__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: manageSubscriptionLink,
							children: "Gérer votre abonnement"
						})
					})
				]
			})
		}) })
	] });
};
const SubscriptionPaymentSuccessES = ({ username, planName, organizationName, subscriptionStartDate, manageSubscriptionLink }) => {
	const previewText = `Tu pago por la suscripción ${planName} ha sido confirmado`;
	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__ */ jsx(Heading, {
						className: "mx-0 my-[30px] p-0 text-center font-normal text-[24px] text-black",
						children: "Pago Confirmado"
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Hola ",
							username,
							","
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"¡Gracias por tu pago! Tu suscripción al plan",
							" ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" ya está activa."
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: ["Fecha de inicio: ", /* @__PURE__ */ jsx("strong", { children: subscriptionStartDate })]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: ["Organización: ", /* @__PURE__ */ jsx("strong", { children: organizationName })]
					}),
					/* @__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: manageSubscriptionLink,
							children: "Gestionar tu suscripción"
						})
					})
				]
			})
		}) })
	] });
};
const PreviewProps = {
	username: "John Doe",
	email: "john.doe@example.com",
	planName: "Pro Plan",
	organizationName: "My Organization",
	subscriptionStartDate: "November 20, 2024",
	manageSubscriptionLink: "https://intlayer.org/manage-subscription"
};
SubscriptionPaymentSuccessEN.PreviewProps = PreviewProps;
SubscriptionPaymentSuccessFR.PreviewProps = PreviewProps;
SubscriptionPaymentSuccessES.PreviewProps = PreviewProps;

//#endregion
export { SubscriptionPaymentSuccessEN, SubscriptionPaymentSuccessES, SubscriptionPaymentSuccessFR };
//# sourceMappingURL=SubscriptionPaymentSuccess.mjs.map