Centered Text

import { CouponsWithCenteredText } from "@/components/email/coupons-with-centered-text";
import { defaultTheme } from "@/components/email/theme-default";

export function CouponsWithCenteredTextDemo() {
  return (
    <CouponsWithCenteredText
      variant="impact"
      theme={{ ...defaultTheme, containerWidth: "640px" }}
    />
  );
}

import { CouponsWithCenteredText } from "@/components/email/coupons-with-centered-text";

export function CouponsWithCenteredTextInlineDemo() {
  return <CouponsWithCenteredText variant="inline" />;
}

import { CouponsWithCenteredText } from "@/components/email/coupons-with-centered-text";

export function CouponsWithCenteredTextBackgroundDemo() {
  return <CouponsWithCenteredText variant="impact-background" />;
}

import { CouponsWithCenteredText } from "@/components/email/coupons-with-centered-text";

export function CouponsWithCenteredTextAlternateDemo() {
  return <CouponsWithCenteredText variant="impact-alt" />;
}