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

interface FeatureAccordionImageItem {
    /**
     * Accordion item title
     */
    title: string;
    /**
     * Accordion item content
     */
    content: string;
    /**
     * Image source URL for this item
     */
    imageSrc: string;
    /**
     * Image alt text
     */
    imageAlt: string;
}
interface FeatureAccordionImageProps {
    /**
     * Main heading text
     */
    title?: string;
    /**
     * Supporting description text
     */
    description?: string;
    /**
     * Array of accordion items
     */
    items?: FeatureAccordionImageItem[];
    /**
     * Default open item value
     */
    defaultValue?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * Feature Accordion Image - Accordion-based feature display with images that
 * change based on the selected accordion item.
 *
 * Layout: Two-column layout with accordion on left, dynamic image on right.
 * Key features: Accordion navigation, dynamic images, smooth transitions.
 * Best for: Feature explanations, product tours, FAQ with visuals.
 *
 * @example
 * ```tsx
 * <FeatureAccordionImage
 *   title="How It Works"
 *   description="Learn about our process"
 *   items={[
 *     {
 *       title: "Step 1: Sign Up",
 *       content: "Create your account in minutes.",
 *       imageSrc: "/step1.jpg",
 *       imageAlt: "Sign up process"
 *     },
 *   ]}
 * />
 * ```
 */
declare function FeatureAccordionImage({ title, description, items, defaultValue, className, optixFlowConfig, }: FeatureAccordionImageProps): react_jsx_runtime.JSX.Element;

export { FeatureAccordionImage, type FeatureAccordionImageProps };
