import * as React from 'react';

interface CtaSplitImageProps {
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Description text below the heading
     */
    description?: string;
    /**
     * Button text
     */
    buttonText?: string;
    /**
     * Button URL
     */
    buttonUrl?: string;
    /**
     * Image source URL
     */
    imageSrc?: string;
    /**
     * 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;
    };
}
/**
 * CtaSplitImage - A split-layout CTA section with content and button on one side
 * and a featured image on the other. The image appears on the left on larger screens.
 * Perfect for showcasing products or services alongside a call to action.
 *
 * @example
 * ```tsx
 * <CtaSplitImage
 *   heading="Transform Your Workflow"
 *   description="Streamline your processes with our powerful tools."
 *   buttonText="Get Started"
 *   buttonUrl="/signup"
 *   imageSrc="/hero-image.jpg"
 *   imageAlt="Product screenshot"
 * />
 * ```
 */
declare function CtaSplitImage({ heading, description, buttonText, buttonUrl, imageSrc, imageAlt, className, optixFlowConfig, }: CtaSplitImageProps): React.JSX.Element;

export { CtaSplitImage, type CtaSplitImageProps };
