Navigation

import { NavigationFooter } from "@/components/email/navigation-footer";
import { defaultTheme } from "@/components/email/theme-default";

export function NavigationFooterDemo() {
  return (
    <NavigationFooter
      columns={2}
      alignment="left"
      logoPosition="left"
      theme={{ ...defaultTheme, containerWidth: "640px" }}
    />
  );
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterColumns1AlignmentCenterExampleDemo() {
  return <NavigationFooter columns={1} alignment="center" />;
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterColumns2AlignmentLeftLogoPositionLeftDividerFalseExampleDemo() {
  return (
    <NavigationFooter
      columns={2}
      alignment="left"
      logoPosition="left"
      divider={false}
    />
  );
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterColumns2LogoPositionRightExampleDemo() {
  return <NavigationFooter columns={2} logoPosition="right" />;
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterColumns2LogoPositionLeftDividerExampleDemo() {
  return <NavigationFooter columns={2} logoPosition="left" divider />;
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterColumns2LogoPositionRightDividerExampleDemo() {
  return <NavigationFooter columns={2} logoPosition="right" divider />;
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterColumns3LogoPositionLeftExampleDemo() {
  return <NavigationFooter columns={3} logoPosition="left" />;
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterColumns3LogoPositionRightExampleDemo() {
  return <NavigationFooter columns={3} logoPosition="right" />;
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterOversizedLogoVariantOversizedLogoExampleDemo() {
  return <NavigationFooter oversizedLogo variant="oversized-logo" />;
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterOversizedLogoVariantBorderedExampleDemo() {
  return <NavigationFooter oversizedLogo variant="bordered" />;
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterDescriptionLogoPositionLeftExampleDemo() {
  return (
    <NavigationFooter
      description="Product updates and useful resources."
      logoPosition="left"
    />
  );
}

import { NavigationFooter } from "@/components/email/navigation-footer";

export function NavigationFooterDescriptionLogoPositionRightExampleDemo() {
  return (
    <NavigationFooter
      description="Product updates and useful resources."
      logoPosition="right"
    />
  );
}