User Details

import { HeaderWithUserDetails } from "@/components/email/header-with-user-details";
import { defaultTheme } from "@/components/email/theme-default";

export function HeaderWithUserDetailsDemo() {
  return (
    <HeaderWithUserDetails
      alignment="right"
      avatar="initials"
      theme={{ ...defaultTheme, containerWidth: "640px" }}
    />
  );
}

import { HeaderWithUserDetails } from "@/components/email/header-with-user-details";

export function HeaderWithUserDetailsImageAvatarDemo() {
  return <HeaderWithUserDetails alignment="left" avatar="image" />;
}

import { HeaderWithUserDetails } from "@/components/email/header-with-user-details";

export function HeaderWithUserDetailsAvatarInitialsAlignmentRightExampleDemo() {
  return <HeaderWithUserDetails avatar="initials" alignment="right" />;
}

import { HeaderWithUserDetails } from "@/components/email/header-with-user-details";

export function HeaderWithUserDetailsAvatarImageAlignmentRightExampleDemo() {
  return <HeaderWithUserDetails avatar="image" alignment="right" />;
}