4f: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T8b10,import { Fragment } from "react"; import { Body, Head as EmailHead, Html, Preview, Section, Row, Column, Heading, Link, Text, 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"; export type SocialLinksContent = "full" | "lead" | "title" | "minimal"; interface SimpleSocials_SimpleSocialLogoItem { alt: string; href: string; src: string; } interface SimpleSocials_SimpleSocialLogosRowProps { theme?: EmailTheme; content?: SocialLinksContent; title?: string; description?: string; items?: SimpleSocials_SimpleSocialLogoItem[]; pageBackgroundColor?: string; backgroundColor?: string; } const SimpleSocials_fontFamily = 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif'; const SimpleSocials_responsiveStyles = [ "@media only screen and (max-width: 430px) {", " .simple-social-content { padding-left: 24px !important; padding-right: 24px !important; }", "}", ].join("\n"); const SimpleSocials_defaultItems: SimpleSocials_SimpleSocialLogoItem[] = [ { alt: "LinkedIn", href: "https://example.com", src: emailAsset("social/icon-linkedin.png"), }, { alt: "X", href: "https://example.com", src: emailAsset("social/icon-x.png"), }, { alt: "YouTube", href: "https://example.com", src: emailAsset("social/icon-youtube.png"), }, { alt: "Instagram", href: "https://example.com", src: emailAsset("social/icon-instagram.png"), }, { alt: "Discord", href: "https://example.com", src: emailAsset("social/icon-discord.png"), }, ]; const SimpleSocials_SimpleSocialLogosRowSection = ({ content = "full", title = "Connect with us", description = "Stay in the loop by following us across our social channels for updates, news, and behind-the-scenes moments.", items = SimpleSocials_defaultItems, pageBackgroundColor = "#f1f5f9", backgroundColor = "#fffffe", }: Omit) => { const showTitle = content === "full" || content === "title"; const showDescription = content === "full" || content === "lead"; return (

‍

{showTitle ? ( {title}

‍

) : null}

{items.map((item, index) => ( 0 ? { paddingLeft: "16px" } : undefined } > {item.alt}

))}

{showDescription ? (

‍

{description} ) : null}

‍

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