import * as react_jsx_runtime from 'react/jsx-runtime';

interface FeatureSplitImageProps {
    /**
     * Main heading text
     */
    title?: string;
    /**
     * Supporting description text
     */
    description?: string;
    /**
     * Image source URL
     */
    imageSrc?: string;
    /**
     * Image alt text for accessibility
     */
    imageAlt?: string;
    /**
     * Primary button configuration
     */
    buttonPrimary?: {
        text: string;
        href: string;
    };
    /**
     * Secondary button configuration
     */
    buttonSecondary?: {
        text: string;
        href: string;
    };
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * Feature Split Image - Two-column feature section with text content on the left
 * and a prominent image on the right.
 *
 * Layout: Split two-column grid with text/CTAs on left, image on right.
 * Key features: Responsive stacking, dual CTA buttons, large heading with description.
 * Best for: Product introductions, feature highlights, hero-style feature sections.
 *
 * @example
 * ```tsx
 * <FeatureSplitImage
 *   title="Build faster with our components"
 *   description="Hundreds of finely crafted components built with React and Tailwind."
 *   imageSrc="/feature-image.jpg"
 *   buttonPrimary={{ text: "Get Started", href: "/signup" }}
 *   buttonSecondary={{ text: "Learn More", href: "/docs" }}
 * />
 * ```
 */
declare function FeatureSplitImage({ title, description, imageSrc, imageAlt, buttonPrimary, buttonSecondary, className, optixFlowConfig, }: FeatureSplitImageProps): react_jsx_runtime.JSX.Element;

export { FeatureSplitImage, type FeatureSplitImageProps };
