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/SubscriptionPaymentCancellation.tsx
const SubscriptionPaymentCancellationEN = ({ username, planName, organizationName, cancellationDate, reactivateLink }) => {
	const previewText = `Your ${planName} subscription has been canceled`;
	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: "Subscription Canceled"
					}),
					/* @__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 sorry to see you go! Your subscription to the",
							" ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" plan has been canceled. You will still have access until ",
							/* @__PURE__ */ jsx("strong", { children: cancellationDate }),
							"."
						]
					}),
					/* @__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: reactivateLink,
							children: "Reactivate Your Subscription"
						})
					})
				]
			})
		}) })
	] });
};
const SubscriptionPaymentCancellationFR = ({ username, planName, organizationName, cancellationDate, reactivateLink }) => {
	const previewText = `Votre abonnement ${planName} a été annulé`;
	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: "Abonnement Annulé"
					}),
					/* @__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 désolés de vous voir partir ! Votre abonnement au plan",
							" ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" a été annulé. Vous aurez toujours accès jusqu'au ",
							/* @__PURE__ */ jsx("strong", { children: cancellationDate }),
							"."
						]
					}),
					/* @__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: reactivateLink,
							children: "Réactiver votre abonnement"
						})
					})
				]
			})
		}) })
	] });
};
const SubscriptionPaymentCancellationES = ({ username, planName, organizationName, cancellationDate, reactivateLink }) => {
	const previewText = `Tu suscripción ${planName} ha sido cancelada`;
	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: "Suscripción Cancelada"
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Hola ",
							username,
							","
						]
					}),
					/* @__PURE__ */ jsxs(Text, {
						className: "text-[14px] text-black leading-[24px]",
						children: [
							"Lamentamos verte partir. Tu suscripción al plan",
							" ",
							/* @__PURE__ */ jsx("strong", { children: planName }),
							" ha sido cancelada. Tendrás acceso hasta ",
							/* @__PURE__ */ jsx("strong", { children: cancellationDate }),
							"."
						]
					}),
					/* @__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: reactivateLink,
							children: "Reactivar tu suscripción"
						})
					})
				]
			})
		}) })
	] });
};
const PreviewProps = {
	username: "John Doe",
	email: "john.doe@example.com",
	planName: "Pro Plan",
	organizationName: "My Organization",
	cancellationDate: "November 30, 2024",
	reactivateLink: "https://intlayer.org/reactivate-subscription"
};
SubscriptionPaymentCancellationEN.PreviewProps = PreviewProps;
SubscriptionPaymentCancellationFR.PreviewProps = PreviewProps;
SubscriptionPaymentCancellationES.PreviewProps = PreviewProps;

//#endregion
export { SubscriptionPaymentCancellationEN, SubscriptionPaymentCancellationES, SubscriptionPaymentCancellationFR };
//# sourceMappingURL=SubscriptionPaymentCancellation.mjs.map