import * as React from 'react';
import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface FeatureAccordionImageItem {
    /**
     * Accordion item title
     */
    title?: React.ReactNode;
    /**
     * Accordion item content
     */
    content?: React.ReactNode;
    /**
     * Image source URL for this item
     */
    imageSrc?: string;
    /**
     * Image alt text
     */
    imageAlt?: string;
    /**
     * Image element or ReactNode (overrides imageSrc)
     */
    imageSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the accordion item
     */
    className?: string;
    /**
     * Additional CSS classes for the trigger
     */
    triggerClassName?: string;
    /**
     * Additional CSS classes for the content
     */
    contentClassName?: string;
}
interface FeatureAccordionImageProps {
    /**
     * Main heading content
     */
    title?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Array of accordion items
     */
    items?: FeatureAccordionImageItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Default open item value
     */
    defaultValue?: string;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header wrapper
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the grid wrapper
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for the accordion
     */
    accordionClassName?: string;
    /**
     * Additional CSS classes for the image wrapper
     */
    imageWrapperClassName?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * 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, itemsSlot, defaultValue, className, containerClassName, headerClassName, titleClassName, descriptionClassName, gridClassName, accordionClassName, imageWrapperClassName, imageClassName, optixFlowConfig, }: FeatureAccordionImageProps): React.JSX.Element;

export { FeatureAccordionImage, type FeatureAccordionImageProps };
