import type { ReactNode } from 'react'
import {
Html,
Head,
Body,
Container,
Section,
Text,
Heading,
Hr,
Img,
Preview,
Link,
Row,
Column,
} from '@react-email/components'
import type { Brand } from './types'
type EmailShellProps = {
brand: Brand
title: string
previewText: string
children: ReactNode
}
const DEFAULT_LOGO_PLACEHOLDER =
'https://dummyimage.com/120x40/0f172a/ffffff&text=Shitaye'
function IconMail() {
return (
)
}
function IconPhone() {
return (
)
}
function ContactLine({
icon,
children,
}: {
icon: ReactNode
children: ReactNode
}) {
return (
{icon}
{children}
)
}
export function EmailShell({ brand, title, previewText, children }: EmailShellProps) {
const logoUrl = brand.logoUrl?.trim() ? brand.logoUrl.trim() : DEFAULT_LOGO_PLACEHOLDER
return (