import * as React from 'react';

interface CtaSplitGradientImageProps {
    /**
     * Label text above the heading
     */
    label?: string;
    /**
     * 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;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CtaSplitGradientImage - A split-layout CTA with content and buttons on one side,
 * a featured image on the other, and a subtle radial gradient background.
 * Modern and visually appealing design for product launches.
 *
 * @example
 * ```tsx
 * <CtaSplitGradientImage
 *   label="Ready to get started?"
 *   heading="Start your free trial today"
 *   description="No credit card required. Cancel anytime."
 *   primaryButtonText="Get Started"
 *   primaryButtonUrl="/signup"
 *   imageSrc="/product-image.jpg"
 * />
 * ```
 */
declare function CtaSplitGradientImage({ label, heading, description, primaryButtonText, primaryButtonUrl, secondaryButtonText, secondaryButtonUrl, imageSrc, imageAlt, className, optixFlowConfig, }: CtaSplitGradientImageProps): React.JSX.Element;

export { CtaSplitGradientImage, type CtaSplitGradientImageProps };
