4d:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4f:T55d8,import { Fragment } from "react"; import { Body, Head as EmailHead, Html, Preview, Section, Row, Column, Text, Link, Img, Tailwind, } from "react-email"; import { DefaultFonts } from "@/components/email/font-default"; import { createEmailTailwindConfig } from "@/components/email/email-theme"; import type { EmailTheme } from "@/components/email/email-theme"; import { emailAsset } from "@/components/email/email-assets"; import { defaultTheme } from "@/components/email/theme-default"; interface TwoColumnPricing_PricingPlanFeature { label: string; muted?: boolean; } interface TwoColumnPricing_PricingPlan { ctaHref: string; ctaLabel: string; description: string; features: TwoColumnPricing_PricingPlanFeature[]; name: string; period: string; price: string; } interface TwoColumnPricing_TwoColumnsPricingTableProps { theme?: EmailTheme; plans?: TwoColumnPricing_PricingPlan[]; pageBackgroundColor?: string; backgroundColor?: string; cardBackgroundColor?: string; brandColor?: string; } const TwoColumnPricing_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const TwoColumnPricing_responsiveStyles = [ "@media only screen and (max-width: 599px) {", " .pricing-plan-column { display: block !important; width: 100% !important; }", " .pricing-plan-gap { display: block !important; line-height: 16px !important; }", "}", ].join("\n"); const TwoColumnPricing_defaultPlans: TwoColumnPricing_PricingPlan[] = [ { ctaHref: "https://example.com", ctaLabel: "Get started", description: "Everything you need to design, build, and ship emails faster.", features: [ { label: "Visual email editor" }, { label: "All email templates" }, { label: "Team collaboration (up to 3 users)", muted: true }, { label: "Version control & previews", muted: true }, ], name: "Takeoff", period: "/Month", price: "$19", }, { ctaHref: "https://example.com", ctaLabel: "Get started", description: "Everything your team needs to design, build, and ship emails faster.", features: [ { label: "Everything in Takeoff" }, { label: "Unlimited team slots" }, { label: "Advanced workflow automations" }, { label: "Analytics and performance insights" }, ], name: "Orbit", period: "/Month", price: "$29", }, ]; const TwoColumnPricing_PlanCard = ({ plan, cardBackgroundColor, brandColor, }: { plan: TwoColumnPricing_PricingPlan; cardBackgroundColor: string; brandColor: string; }) => (

{plan.name}

‍

{plan.price} ‍ USD {plan.period}

‍

{plan.description}

‍

{plan.features.map((feature, index) => (

‍ {feature.label} ))}

‍

{plan.ctaLabel}

); const TwoColumnPricing_TwoColumnsPricingTableSection = ({ plans = TwoColumnPricing_defaultPlans, pageBackgroundColor = "#f1f5f9", backgroundColor = "#fffffe", cardBackgroundColor = "#f9fafb", brandColor = "#4f46e5", }: Omit) => (

‍

{plans.map((plan, index) => ( 0 ? "16px" : undefined, verticalAlign: "top", width: "268px", }} > ))}

‍

); const TwoColumnPricing_TwoColumnsPricingTable = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, ...props }: TwoColumnPricing_TwoColumnsPricingTableProps) => (