import * as React from 'react';

interface CtaSplitImageLogosProps {
    /**
     * Main heading text
     */
    heading?: 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;
    /**
     * Featured image URL
     */
    imageSrc?: string;
    /**
     * Featured image alt text
     */
    imageAlt?: string;
    /**
     * Array of trusted company logo URLs
     */
    logos?: string[];
    /**
     * Text above the logos
     */
    logosLabel?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CtaSplitImageLogos - A split-layout CTA with content and buttons on one side,
 * a featured image on the other, and trusted company logos below. Great for
 * establishing credibility while driving conversions.
 *
 * @example
 * ```tsx
 * <CtaSplitImageLogos
 *   heading="Transform Your Business"
 *   description="Join thousands of companies already using our platform."
 *   primaryButtonText="Get Started"
 *   primaryButtonUrl="/signup"
 *   imageSrc="/hero-image.jpg"
 *   logos={["/logo1.png", "/logo2.png", "/logo3.png"]}
 * />
 * ```
 */
declare function CtaSplitImageLogos({ heading, description, primaryButtonText, primaryButtonUrl, secondaryButtonText, secondaryButtonUrl, imageSrc, imageAlt, logos, logosLabel, className, optixFlowConfig, }: CtaSplitImageLogosProps): React.JSX.Element;

export { CtaSplitImageLogos, type CtaSplitImageLogosProps };
