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:T677e,import { Body, Container, Head as EmailHead, Html, Img, Preview, Link, Section, Row, Column, Heading, Text, } from "jsx-email"; import { Fragment } from "react"; import { DefaultFonts } from "@/components/email/font-default"; import { EmailTailwind } 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"; const resolveDefaultProps = ( defaults: Defaults, props: Props ) => { const supplied = props as Record; const fallbackEntries = Object.entries(defaults).map(([key, value]) => [ key, supplied[key] === undefined ? value : supplied[key], ]); return { ...defaults, ...props, ...Object.fromEntries(fallbackEntries), } as Defaults & Props; }; type TwoColumnFeatureGrid_TwoColumnsImageGridWithFullWidthFeatureVariant = | "full-width-top" | "full-width-bottom" | "full-width-top-overlay" | "full-width-bottom-overlay"; interface TwoColumnFeatureGrid_TwoColumnsImageGridWithFullWidthFeatureProps { theme?: EmailTheme; featureImageSrc?: string; featureImageAlt?: string; featureImageHref?: string; featureHeading?: string; featureSubtext?: string; imageSrc1?: string; imageAlt1?: string; imageHref1?: string; imageHeading1?: string; imageSubtext1?: string; imageSrc2?: string; imageAlt2?: string; imageHref2?: string; imageHeading2?: string; imageSubtext2?: string; pageBackgroundColor?: string; backgroundColor?: string; headingColor?: string; textColor?: string; variant?: TwoColumnFeatureGrid_TwoColumnsImageGridWithFullWidthFeatureVariant; } const TwoColumnFeatureGrid_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const TwoColumnFeatureGrid_responsiveStyles = ` @media only screen and (max-width: 599px) { .two-feature-stack { display: block !important; width: 100% !important; } .two-feature-gap { line-height: 24px !important; } .two-feature-overlay-spacer { line-height: 152px !important; } .two-feature-small-heading { font-size: 24px !important; line-height: 32px !important; } .two-feature-small-text { font-size: 20px !important; line-height: 28px !important; } } `; const TwoColumnFeatureGrid_defaults = { backgroundColor: "#fffffe", featureHeading: "Arlo Bar Chair", featureImageAlt: "", featureImageHref: "https://example.com", featureImageSrc: emailAsset("image-grids/full-width-4.jpg"), featureSubtext: "Wood / Upholstered Seat", headingColor: "#fffffe", imageAlt1: "", imageAlt2: "", imageHeading1: "Milo Lounge Pair", imageHeading2: "Nova Dining Chair", imageHref1: "https://example.com", imageHref2: "https://example.com", imageSrc1: emailAsset("image-grids/2-col-landscape-3.jpg"), imageSrc2: emailAsset("image-grids/2-col-landscape-4.jpg"), imageSubtext1: "Velvet / Solid Wood Frame", imageSubtext2: "Curved Wood / Fabric Seat", pageBackgroundColor: "#f1f5f9", textColor: "#fffffe", }; type TwoColumnFeatureGrid_SectionProps = Omit< TwoColumnFeatureGrid_TwoColumnsImageGridWithFullWidthFeatureProps, "theme" >; type TwoColumnFeatureGrid_ResolvedProps = typeof TwoColumnFeatureGrid_defaults & TwoColumnFeatureGrid_SectionProps; const TwoColumnFeatureGrid_PlainImage = ({ alt, href, src, width, }: { alt: string; href: string; src: string; width: number; }) => ( {alt}

); const TwoColumnFeatureGrid_OverlayCard = ({ feature = false, heading, headingColor, imageSrc, subtext, textColor, }: { feature?: boolean; heading: string; headingColor: string; imageSrc: string; subtext: string; textColor: string; }) => (

‍

{heading} {subtext}

); const TwoColumnFeatureGrid_FeatureRow = ({ overlay, props, }: { overlay: boolean; props: TwoColumnFeatureGrid_ResolvedProps; }) => (

‍ {overlay ? ( ) : ( )} ‍

); const TwoColumnFeatureGrid_ImageRow = ({ overlay, props, }: { overlay: boolean; props: TwoColumnFeatureGrid_ResolvedProps; }) => (

‍ {overlay ? ( ) : ( )} ‍ {overlay ? ( ) : ( )} ‍

); const TwoColumnFeatureGrid_TwoColumnsImageGridWithFullWidthFeatureSection = ( props: TwoColumnFeatureGrid_SectionProps ) => { const variant = props.variant ?? "full-width-top"; const resolved = resolveDefaultProps( TwoColumnFeatureGrid_defaults, props ) as TwoColumnFeatureGrid_ResolvedProps; const overlay = variant.endsWith("overlay"); const featureBottom = variant.startsWith("full-width-bottom"); const feature = ( ); const images = ( ); return (

‍

{featureBottom ? images : feature}

‍

{featureBottom ? feature : images} ‍

); }; const TwoColumnFeatureGrid_TwoColumnsImageGridWithFullWidthFeature = ({ pageBackgroundColor = "#f1f5f9", theme = defaultTheme, variant = "full-width-top", ...props }: TwoColumnFeatureGrid_TwoColumnsImageGridWithFullWidthFeatureProps) => (