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

interface CarouselTabsContentItem {
    title: ReactNode;
    description: ReactNode;
    note: string;
    image: string;
    category: string;
}
interface CarouselTabsContentProps {
    items?: CarouselTabsContentItem[];
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CarouselTabsContent displays content cards with animated tab navigation.
 *
 * Features a tab bar with animated underline indicator that syncs with the
 * carousel position. Each slide shows a two-column layout with rich content
 * (title with gradient text, description with lists, and note) alongside an
 * image. Navigation arrows are positioned next to the tabs. Ideal for showcasing
 * product features, solutions, or roadmap items with detailed descriptions.
 *
 * @example
 * ```tsx
 * <CarouselTabsContent
 *   items={[
 *     {
 *       title: <>Core <br />Features</>,
 *       description: <>Detailed feature description...</>,
 *       note: "Additional context",
 *       image: "/images/features.jpg",
 *       category: "Features"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CarouselTabsContent({ items, className, optixFlowConfig, }: CarouselTabsContentProps): react_jsx_runtime.JSX.Element;

export { CarouselTabsContent, type CarouselTabsContentItem, type CarouselTabsContentProps };
