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/SubscriptionPaymentError.tsx
const SubscriptionPaymentErrorEN = ({ username, planName, organizationName, errorDate, retryPaymentLink }) => {
	const previewText = `There was an issue with your ${planName} subscription payment`;
	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 Issue Detected"
					}),
					/* @__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 encountered an issue processing your payment for the",
							" ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" plan on ",
							/* @__PURE__ */ jsx("strong", { children: errorDate }),
							". Please update your payment information to ensure continued access to your subscription."
						]
					}),
					/* @__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: retryPaymentLink,
							children: "Retry Payment"
						})
					})
				]
			})
		}) })
	] });
};
const SubscriptionPaymentErrorFR = ({ username, planName, organizationName, errorDate, retryPaymentLink }) => {
	const previewText = `Un problème est survenu avec votre paiement pour l'abonnement ${planName}`;
	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: "Problème de Paiement"
					}),
					/* @__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 avons rencontré un problème lors du traitement de votre paiement pour le plan ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" le",
							" ",
							/* @__PURE__ */ jsx("strong", { children: errorDate }),
							". Veuillez mettre à jour vos informations de paiement pour garantir un accès continu à votre abonnement."
						]
					}),
					/* @__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: retryPaymentLink,
							children: "Réessayer le Paiement"
						})
					})
				]
			})
		}) })
	] });
};
const SubscriptionPaymentErrorES = ({ username, planName, organizationName, errorDate, retryPaymentLink }) => {
	const previewText = `Hubo un problema con el pago de tu suscripción ${planName}`;
	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: "Problema de Pago"
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Hola ",
							username,
							","
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Hubo un problema al procesar tu pago para el plan",
							" ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" el ",
							/* @__PURE__ */ jsx("strong", { children: errorDate }),
							". Por favor, actualiza tu información de pago para garantizar el acceso continuo a tu suscripción."
						]
					}),
					/* @__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: retryPaymentLink,
							children: "Reintentar el Pago"
						})
					})
				]
			})
		}) })
	] });
};
const PreviewProps = {
	username: "John Doe",
	email: "john.doe@example.com",
	planName: "Pro Plan",
	organizationName: "My Organization",
	errorDate: "November 18, 2024",
	retryPaymentLink: "https://intlayer.org/retry-payment"
};
SubscriptionPaymentErrorEN.PreviewProps = PreviewProps;
SubscriptionPaymentErrorFR.PreviewProps = PreviewProps;
SubscriptionPaymentErrorES.PreviewProps = PreviewProps;

//#endregion
export { SubscriptionPaymentErrorEN, SubscriptionPaymentErrorES, SubscriptionPaymentErrorFR };
//# sourceMappingURL=SubscriptionPaymentError.mjs.map