Progress

import { Progress } from "@/components/email/progress";
import { defaultTheme } from "@/components/email/theme-default";

export function ProgressDemo() {
  return (
    <Progress
      layout="single"
      padding="none"
      content="minimal"
      theme={{ ...defaultTheme, containerWidth: "640px" }}
    />
  );
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutSinglePaddingNoneContentMinimalExampleDemo() {
  return <Progress layout="single" padding="none" content="minimal" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutSinglePaddingNoneContentTitleExampleDemo() {
  return <Progress layout="single" padding="none" content="title" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutSinglePaddingNoneContentDescriptionExampleDemo() {
  return <Progress layout="single" padding="none" content="description" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutSinglePaddingNoneContentTextTopExampleDemo() {
  return <Progress layout="single" padding="none" content="text-top" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutGroupPaddingNoneContentMinimalExampleDemo() {
  return <Progress layout="group" padding="none" content="minimal" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutGroupPaddingPaddedContentMinimalExampleDemo() {
  return <Progress layout="group" padding="padded" content="minimal" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutGroupPaddingNoneContentTitleExampleDemo() {
  return <Progress layout="group" padding="none" content="title" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutGroupPaddingPaddedContentTitleExampleDemo() {
  return <Progress layout="group" padding="padded" content="title" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutGroupPaddingNoneContentDescriptionExampleDemo() {
  return <Progress layout="group" padding="none" content="description" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutGroupPaddingPaddedContentDescriptionExampleDemo() {
  return <Progress layout="group" padding="padded" content="description" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutGroupPaddingNoneContentTextTopExampleDemo() {
  return <Progress layout="group" padding="none" content="text-top" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutGroupPaddingPaddedContentTextTopExampleDemo() {
  return <Progress layout="group" padding="padded" content="text-top" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutColumnsPaddingNoneContentTitleExampleDemo() {
  return <Progress layout="columns" padding="none" content="title" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutColumnsPaddingPaddedContentTitleExampleDemo() {
  return <Progress layout="columns" padding="padded" content="title" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutColumnsPaddingNoneContentDescriptionExampleDemo() {
  return <Progress layout="columns" padding="none" content="description" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutColumnsPaddingPaddedContentDescriptionExampleDemo() {
  return <Progress layout="columns" padding="padded" content="description" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutColumnsPaddingNoneContentTextTopExampleDemo() {
  return <Progress layout="columns" padding="none" content="text-top" />;
}

import { Progress } from "@/components/email/progress";

export function ProgressLayoutColumnsPaddingPaddedContentTextTopExampleDemo() {
  return <Progress layout="columns" padding="padded" content="text-top" />;
}