Milestone

import { MilestoneStats } from "@/components/email/milestone-stats";
import { defaultTheme } from "@/components/email/theme-default";

export function MilestoneStatsDemo() {
  return (
    <MilestoneStats
      variant="default"
      theme={{ ...defaultTheme, containerWidth: "640px" }}
    />
  );
}

import { MilestoneStats } from "@/components/email/milestone-stats";

export function MilestoneStatsBoxedDemo() {
  return <MilestoneStats variant="boxed" />;
}

import { MilestoneStats } from "@/components/email/milestone-stats";

export function MilestoneStatsAccentDemo() {
  return <MilestoneStats variant="accent" />;
}