Badge

import { HeaderWithLogoAndBadge } from "@/components/email/header-with-logo-and-badge";
import { defaultTheme } from "@/components/email/theme-default";

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

import { HeaderWithLogoAndBadge } from "@/components/email/header-with-logo-and-badge";

export function HeaderWithLogoAndBadgeCenteredDemo() {
  return <HeaderWithLogoAndBadge alignment="center" />;
}

import { HeaderWithLogoAndBadge } from "@/components/email/header-with-logo-and-badge";

export function HeaderWithLogoAndBadgeAlignmentRightExampleDemo() {
  return <HeaderWithLogoAndBadge alignment="right" />;
}