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

interface TestimonialCarouselItem {
    id: string;
    username: string;
    quote: string;
    author: string;
    image: string;
    bgColor: string;
}
interface TestimonialCarouselCardsProps {
    heading?: string;
    description?: string;
    items?: TestimonialCarouselItem[];
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * TestimonialCarouselCards displays testimonials in a two-panel carousel format.
 *
 * Features a left sidebar with heading, description, and navigation buttons,
 * alongside a carousel of testimonial cards. Each card shows an image paired
 * with a colored quote panel containing username badge, quote, and author name.
 * Includes a progress bar indicator at the bottom. Ideal for showcasing client
 * testimonials, reviews, or success stories with visual impact.
 *
 * @example
 * ```tsx
 * <TestimonialCarouselCards
 *   heading="Building the Future, One Line of Code at a Time"
 *   description="From startups to enterprises, we empower businesses with cutting-edge solutions."
 *   items={[
 *     {
 *       id: "1",
 *       username: "@happyclient",
 *       quote: "Amazing service and results!",
 *       author: "John Doe",
 *       image: "/images/client-1.jpg",
 *       bgColor: "bg-blue-300"
 *     }
 *   ]}
 * />
 * ```
 */
declare function TestimonialCarouselCards({ heading, description, items, className, optixFlowConfig, }: TestimonialCarouselCardsProps): react_jsx_runtime.JSX.Element;

export { TestimonialCarouselCards, type TestimonialCarouselCardsProps, type TestimonialCarouselItem };
