import * as React from 'react';

interface CtaGradientLogosFloatingProps {
    /**
     * Main heading text (supports gradient styling)
     */
    heading?: string;
    /**
     * Gradient portion of the heading
     */
    headingGradient?: string;
    /**
     * Description text below the heading
     */
    description?: string;
    /**
     * Primary button text
     */
    primaryButtonText?: string;
    /**
     * Primary button URL
     */
    primaryButtonUrl?: string;
    /**
     * Secondary button text
     */
    secondaryButtonText?: string;
    /**
     * Secondary button URL
     */
    secondaryButtonUrl?: string;
    /**
     * Array of logo URLs for floating circles on the left
     */
    leftLogos?: string[];
    /**
     * Array of logo URLs for floating circles on the right
     */
    rightLogos?: string[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CtaGradientLogosFloating - A CTA section with gradient text heading, centered
 * content, and floating logo circles on both sides. Creates a dynamic, modern
 * appearance.
 *
 * @example
 * ```tsx
 * <CtaGradientLogosFloating
 *   heading="Build faster with"
 *   headingGradient="modern tools"
 *   description="Join thousands of developers building amazing products."
 *   primaryButtonText="Get Started"
 *   primaryButtonUrl="/signup"
 *   leftLogos={["/logo1.png", "/logo2.png"]}
 *   rightLogos={["/logo3.png", "/logo4.png"]}
 * />
 * ```
 */
declare function CtaGradientLogosFloating({ heading, headingGradient, description, primaryButtonText, primaryButtonUrl, secondaryButtonText, secondaryButtonUrl, leftLogos, rightLogos, className, optixFlowConfig, }: CtaGradientLogosFloatingProps): React.JSX.Element;

export { CtaGradientLogosFloating, type CtaGradientLogosFloatingProps };
