export interface FooterLink { id: string; label: string; href?: string; external?: boolean; badge?: string; onclick?: (event: MouseEvent) => void; } export interface FooterGroup { id: string; title: string; links: FooterLink[]; } export interface FooterSocial { id: string; label: string; href?: string; external?: boolean; onclick?: (event: MouseEvent) => void; } export type FooterVariant = 'default' | 'minimal' | 'centered' | 'mega' | 'compact'; import type { Snippet } from 'svelte'; interface FooterProps { brand?: string; description?: string; groups?: FooterGroup[]; /** Bottom bar legal / utility links */ bottomLinks?: FooterLink[]; social?: FooterSocial[]; copyright?: string; variant?: FooterVariant; /** Optional status / version chip next to brand */ badge?: string; contactEmail?: string; contactNote?: string; class?: string; brandSlot?: Snippet; /** Area under brand (e.g. newsletter form) */ aside?: Snippet; legal?: Snippet; onnavigate?: (id: string, href?: string) => void; onsocial?: (id: string, href?: string) => void; } declare const Footer: import("svelte").Component; type Footer = ReturnType; export default Footer;