import * as React from 'react';

interface CtaPlatformDemoProps {
    /**
     * 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;
    /**
     * Decorative image URL
     */
    decorativeImage?: string;
    /**
     * Main product image URL
     */
    productImage?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CtaPlatformDemo - A CTA section promoting platform exploration with content
 * on one side and decorative product images on the other. Includes demo and
 * video watch buttons. Perfect for SaaS product pages.
 *
 * @example
 * ```tsx
 * <CtaPlatformDemo
 *   heading="Explore Our Platform"
 *   description="Discover the full potential of our platform."
 *   primaryButtonText="Try Demo"
 *   primaryButtonUrl="/demo"
 *   secondaryButtonText="Watch Video"
 *   secondaryButtonUrl="/video"
 * />
 * ```
 */
declare function CtaPlatformDemo({ heading, description, primaryButtonText, primaryButtonUrl, secondaryButtonText, secondaryButtonUrl, decorativeImage, productImage, className, optixFlowConfig, }: CtaPlatformDemoProps): React.JSX.Element;

export { CtaPlatformDemo, type CtaPlatformDemoProps };
