Social Icons

import { HeaderWithLogoAndSocialIcons } from "@/components/email/header-with-logo-and-social-icons";
import { defaultTheme } from "@/components/email/theme-default";

export function HeaderWithLogoAndSocialIconsDemo() {
  return (
    <HeaderWithLogoAndSocialIcons
      alignment="left"
      theme={{ ...defaultTheme, containerWidth: "640px" }}
    />
  );
}

import { HeaderWithLogoAndSocialIcons } from "@/components/email/header-with-logo-and-social-icons";

export function HeaderWithLogoAndSocialIconsCenteredDemo() {
  return <HeaderWithLogoAndSocialIcons alignment="center" />;
}

import { HeaderWithLogoAndSocialIcons } from "@/components/email/header-with-logo-and-social-icons";

export function HeaderWithLogoAndSocialIconsAlignmentRightExampleDemo() {
  return <HeaderWithLogoAndSocialIcons alignment="right" />;
}