types.ts

export enum ThemeMode {
  LIGHT = 'light',
  DARK = 'dark'
}

export type BgType = 'solid' | 'gradient';

export interface CardData {
  title: string;
  author: string;
  role: string;
  date: string;
  readTime: string;
  tags: string[];
  avatarUrl: string;
  coverUrl: string;
  initials: string;
  theme: ThemeMode;
  // Visibility Toggles
  showRole: boolean;
  showReadTime: boolean;
  showCoverImage: boolean;
  showInitials: boolean;
  // Styling
  displayFont: string;
  bodyFont: string;
  accentColor: string;
  customBg: boolean;
  bgType: BgType;
  bgColorStart: string;
  bgColorEnd: string;
  bgDirection: string;
}

export interface TemplateProps {
  data: CardData;
  innerRef?: React.RefObject<HTMLDivElement>;
}