import * as React from 'react';

/**
 * Menu item structure for footer navigation sections
 */
interface FooterLinksGridMenuItem {
    /** Section title */
    title: string;
    /** Links within the section */
    links: {
        text: string;
        url: string;
    }[];
}
/**
 * Props for the FooterLinksGrid component
 */
interface FooterLinksGridProps {
    /** Logo configuration */
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    /** Additional CSS classes */
    className?: string;
    /** Tagline displayed below the logo */
    tagline?: string;
    /** Navigation menu sections */
    menuItems?: FooterLinksGridMenuItem[];
    /** Copyright text - use {year} placeholder for dynamic year */
    copyright?: string;
    /** Bottom links (terms, privacy, etc.) */
    bottomLinks?: {
        text: string;
        url: string;
    }[];
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * FooterLinksGrid - A multi-column footer with logo, navigation links, and legal information.
 *
 * Features a responsive grid layout with customizable navigation sections,
 * company branding, and bottom legal links. Ideal for corporate websites,
 * SaaS products, and marketing sites that need organized footer navigation.
 */
declare function FooterLinksGrid({ logo, className, tagline, menuItems, copyright, bottomLinks, optixFlowConfig, }: FooterLinksGridProps): React.JSX.Element;

export { FooterLinksGrid, type FooterLinksGridMenuItem, type FooterLinksGridProps };
