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

interface CarouselDemoLinkItem {
    id: string;
    title: string;
    summary: string;
    url: string;
    image: string;
}
interface CarouselDemoLinkProps {
    heading?: string;
    demoUrl?: string;
    demoText?: string;
    items?: CarouselDemoLinkItem[];
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CarouselDemoLink displays feature cards with a prominent demo link in the header.
 *
 * Features a heading with an external demo link (with arrow icon), navigation
 * buttons, and a carousel of cards. Each card shows an image with hover zoom,
 * title, summary, and "Read more" link. Ideal for showcasing products, features,
 * or services with a call-to-action to book a demo or learn more.
 *
 * @example
 * ```tsx
 * <CarouselDemoLink
 *   heading="Our Solutions"
 *   demoUrl="https://calendly.com/demo"
 *   demoText="Book a demo"
 *   items={[
 *     {
 *       id: "1",
 *       title: "AI Analytics",
 *       summary: "Transform your data into actionable insights",
 *       url: "/solutions/analytics",
 *       image: "/images/analytics.jpg"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CarouselDemoLink({ heading, demoUrl, demoText, items, className, optixFlowConfig, }: CarouselDemoLinkProps): react_jsx_runtime.JSX.Element;

export { CarouselDemoLink, type CarouselDemoLinkItem, type CarouselDemoLinkProps };
