Finance Stats

import { HeaderWithLogoAndFinanceStats } from "@/components/email/header-with-logo-and-finance-stats";
import { defaultTheme } from "@/components/email/theme-default";

export function HeaderWithLogoAndFinanceStatsDemo() {
  return (
    <HeaderWithLogoAndFinanceStats
      alignment="left"
      theme={{ ...defaultTheme, containerWidth: "640px" }}
    />
  );
}

import { HeaderWithLogoAndFinanceStats } from "@/components/email/header-with-logo-and-finance-stats";

export function HeaderWithLogoAndFinanceStatsAlignmentCenterExampleDemo() {
  return <HeaderWithLogoAndFinanceStats alignment="center" />;
}

import { HeaderWithLogoAndFinanceStats } from "@/components/email/header-with-logo-and-finance-stats";

export function HeaderWithLogoAndFinanceStatsStatsFirstDemo() {
  return <HeaderWithLogoAndFinanceStats alignment="right" />;
}