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

interface CarouselGradientTextItem {
    image: string;
    title: string;
    description: string;
}
interface CarouselGradientTextProps {
    heading?: string;
    subheading?: string;
    items?: CarouselGradientTextItem[];
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CarouselGradientText displays cards with gradient overlay text and expanding indicators.
 *
 * Features a two-column layout with heading/subheading and navigation on the left,
 * and a carousel of portrait cards on the right. Each card has a gradient overlay
 * from primary color with title and description text. Below the carousel are
 * expanding pill indicators that show the active slide title. Ideal for showcasing
 * features, benefits, or product highlights with strong visual hierarchy.
 *
 * @example
 * ```tsx
 * <CarouselGradientText
 *   heading="Code less."
 *   subheading="Build faster."
 *   items={[
 *     {
 *       image: "/images/feature-1.jpg",
 *       title: "Responsive",
 *       description: "Mobile-first design approach"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CarouselGradientText({ heading, subheading, items, className, optixFlowConfig, }: CarouselGradientTextProps): react_jsx_runtime.JSX.Element;

export { CarouselGradientText, type CarouselGradientTextItem, type CarouselGradientTextProps };
