import { BannerMetadata } from '../banner/types'; /** * Configuration for the fun header component. */ export interface FunHeaderMetadata { /** Optional token for tracking/analytics */ token?: string; /** Logo image path or CSS variable (e.g., '--my-logo') */ image?: string; /** Background image URL, gradient, color, or CSS variable */ background?: string; /** Dark mode background (optional, falls back to background) */ backgroundDark?: string; /** Create automatic gradient from --ion-background-color to background color */ gradient?: boolean; /** Add overlay for better text contrast on images */ overlay?: boolean; /** Overlay opacity (0-1, default: 0.3) */ overlayOpacity?: number; /** Banner content configuration */ content: BannerMetadata; /** Add border around the header */ bordered?: boolean; /** Add box shadow to the header */ shadowed?: boolean; /** Add rounded bottom corners */ rounded?: boolean; /** Override top padding (e.g. '72px') */ paddingTop?: string; /** Override bottom padding (e.g. '80px') to control overlap space */ paddingBottom?: string; }