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:Tbc33,import { Fragment } from "react"; import type { ReactNode } from "react"; import { Body, Container, Head as EmailHead, Html, Preview, Tailwind, Text, Section, Row, Column, } 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"; type SimpleStats_SimpleStatsVariant = | "default" | "outlined" | "boxed" | "bordered"; interface SimpleStats_SimpleStatsProps { theme?: EmailTheme; variant?: SimpleStats_SimpleStatsVariant; stats?: { label: string; value: string; }[]; pageBackgroundColor?: string; backgroundColor?: string; cardBackgroundColor?: string; borderColor?: string; headingColor?: string; textColor?: string; } const SimpleStats_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const SimpleStats_responsiveStyles = ` @media only screen and (max-width: 599px) { .simple-stat-stack { display: block !important; width: 100% !important; } .simple-stat-gap { line-height: 24px !important; } } `; const SimpleStats_defaults = { backgroundColor: "#fffffe", borderColor: "#d1d5db", cardBackgroundColor: "#f9fafb", headingColor: "#030712", pageBackgroundColor: "#f1f5f9", stats: [ { label: "Increase in conversion rate", value: "45%" }, { label: "Average page load time", value: "2.1s" }, { label: "Monthly churn reduction", value: "18%" }, ], textColor: "#4b5563", }; type SimpleStats_SectionProps = Omit; const SimpleStats_StatCopy = ({ headingColor, label, textColor, value, }: { headingColor: string; label: string; textColor: string; value: string; }) => ( <> {value} {label} ); const SimpleStats_SimpleStatsSection = (props: SimpleStats_SectionProps) => { const resolved = { ...SimpleStats_defaults, ...props }; const variant = props.variant ?? "default"; return (

‍

{resolved.stats.slice(0, 3).map((stat, index) => ( {index > 0 ? ( ‍ ) : null} {(() => { if (variant === "default") { return ( ); } return (

); })()} ))}

‍

); }; const SimpleStats_SimpleStats = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, variant = "default", ...props }: SimpleStats_SimpleStatsProps) => (