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

interface CarouselIconSidebarItem {
    src: string;
    title: string;
    description: string;
    icon: string;
}
interface CarouselIconSidebarProps {
    items?: CarouselIconSidebarItem[];
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CarouselIconSidebar displays a carousel with a dynamic icon sidebar panel.
 *
 * Features a two-column layout with a muted sidebar panel showing the active
 * slide's icon, title, description, and navigation arrows, alongside a larger
 * image carousel. The sidebar content updates dynamically based on the current
 * slide. Ideal for showcasing product features, service offerings, or portfolio
 * items with detailed descriptions.
 *
 * @example
 * ```tsx
 * <CarouselIconSidebar
 *   items={[
 *     {
 *       src: "/images/design.jpg",
 *       title: "Elegant Design",
 *       description: "Beautiful interfaces that users love",
 *       icon: "lucide/palette"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CarouselIconSidebar({ items, className, optixFlowConfig, }: CarouselIconSidebarProps): react_jsx_runtime.JSX.Element;

export { CarouselIconSidebar, type CarouselIconSidebarItem, type CarouselIconSidebarProps };
