import * as React from 'react';

/**
 * Social link configuration
 */
interface FooterCtaBannerSocialLink {
    /** 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 FooterCtaBannerSection {
    title: string;
    links: {
        name: string;
        href: string;
    }[];
}
/**
 * Props for the FooterCtaBanner component
 */
interface FooterCtaBannerProps {
    /** Logo configuration */
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    /** Additional CSS classes */
    className?: string;
    /** CTA banner heading */
    ctaHeading?: string;
    /** CTA banner description */
    ctaDescription?: string;
    /** CTA button text */
    ctaButtonText?: string;
    /** CTA button URL */
    ctaButtonUrl?: string;
    /** Navigation sections */
    sections?: FooterCtaBannerSection[];
    /** Social media links */
    socialLinks?: FooterCtaBannerSocialLink[];
    /** Newsletter label */
    newsletterLabel?: string;
    /** Newsletter placeholder */
    newsletterPlaceholder?: string;
    /** Newsletter button text */
    newsletterButtonText?: string;
    /** Copyright text */
    copyright?: string;
    /** Legal links */
    legalLinks?: {
        name: string;
        href: string;
    }[];
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * FooterCtaBanner - A dark-themed footer with prominent CTA banner, navigation, and newsletter.
 *
 * Features a full-width call-to-action banner at the top with heading, description, and button,
 * followed by multi-column navigation, newsletter signup, and social links. Ideal for SaaS products,
 * marketing sites, and businesses that want to drive conversions directly from the footer.
 */
declare function FooterCtaBanner({ logo, className, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, sections, socialLinks, newsletterLabel, newsletterPlaceholder, newsletterButtonText, copyright, legalLinks, optixFlowConfig, }: FooterCtaBannerProps): React.JSX.Element;

export { FooterCtaBanner, type FooterCtaBannerProps, type FooterCtaBannerSection, type FooterCtaBannerSocialLink };
