import * as React from 'react';

/**
 * Social link configuration
 */
interface FooterBrandDescriptionSocialLink {
    /** Icon name in format: prefix/name (e.g., "simple-icons/instagram") */
    icon: string;
    /** Link URL */
    href: string;
    /** Accessible label */
    label: string;
}
/**
 * Navigation section configuration
 */
interface FooterBrandDescriptionSection {
    title: string;
    links: {
        name: string;
        href: string;
    }[];
}
/**
 * Props for the FooterBrandDescription component
 */
interface FooterBrandDescriptionProps {
    /** Logo configuration */
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    /** Additional CSS classes */
    className?: string;
    /** Navigation sections */
    sections?: FooterBrandDescriptionSection[];
    /** Brand description text */
    description?: string;
    /** Social media links */
    socialLinks?: FooterBrandDescriptionSocialLink[];
    /** Copyright text */
    copyright?: string;
    /** Legal links (terms, privacy, etc.) */
    legalLinks?: {
        name: string;
        href: string;
    }[];
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * FooterBrandDescription - A footer with logo, description, social icons, and navigation.
 *
 * Features a prominent brand section with logo, description, and social links on the left,
 * with multi-column navigation on the right. Ideal for brand-focused websites, startups,
 * and businesses that want to emphasize their identity and social presence in the footer.
 */
declare function FooterBrandDescription({ logo, className, sections, description, socialLinks, copyright, legalLinks, optixFlowConfig, }: FooterBrandDescriptionProps): React.JSX.Element;

export { FooterBrandDescription, type FooterBrandDescriptionProps, type FooterBrandDescriptionSection, type FooterBrandDescriptionSocialLink };
