Content Overlay

import { CouponsWithContentOverlayed } from "@/components/email/coupons-with-content-overlayed";
import { defaultTheme } from "@/components/email/theme-default";

export function CouponsWithContentOverlayedDemo() {
  return (
    <CouponsWithContentOverlayed
      variant="split"
      theme={{ ...defaultTheme, containerWidth: "640px" }}
    />
  );
}

import { CouponsWithContentOverlayed } from "@/components/email/coupons-with-content-overlayed";

export function CouponsWithContentOverlayedCenteredDemo() {
  return <CouponsWithContentOverlayed variant="centered" />;
}

import { CouponsWithContentOverlayed } from "@/components/email/coupons-with-content-overlayed";

export function CouponsWithContentOverlayedCodeAtBottomDemo() {
  return <CouponsWithContentOverlayed variant="code-bottom" />;
}