import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

/**
 * Item configuration for carousel demo link cards.
 */
interface CarouselDemoLinkItem {
    /**
     * Unique identifier for the item
     */
    id: string;
    /**
     * Title of the card
     */
    title: React.ReactNode;
    /**
     * Summary/description text
     */
    summary: React.ReactNode;
    /**
     * Link URL for the card
     */
    url: string;
    /**
     * Image source URL
     */
    image: string;
    /**
     * Alt text for the image
     */
    imageAlt?: string;
    /**
     * Additional CSS classes for the card
     */
    className?: string;
}
interface CarouselDemoLinkProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Demo action configuration
     */
    demoAction?: ActionConfig;
    /**
     * Custom slot for rendering the demo action (overrides demoAction prop)
     */
    demoActionSlot?: React.ReactNode;
    /**
     * Array of card items to display
     */
    items?: CarouselDemoLinkItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Text for the "Read more" link
     */
    readMoreText?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the header container
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the demo link
     */
    demoLinkClassName?: string;
    /**
     * Additional CSS classes for the navigation controls
     */
    controlsClassName?: string;
    /**
     * Additional CSS classes for the carousel wrapper
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for the carousel content
     */
    carouselContentClassName?: string;
    /**
     * Additional CSS classes for each carousel item
     */
    itemClassName?: string;
    /**
     * Additional CSS classes for each card
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for each image
     */
    imageClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * 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"
 *   demoAction={{ label: "Book a demo", href: "https://calendly.com/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, demoAction, demoActionSlot, items, itemsSlot, readMoreText, className, headerClassName, headingClassName, demoLinkClassName, controlsClassName, carouselClassName, carouselContentClassName, itemClassName, cardClassName, imageClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselDemoLinkProps): React.JSX.Element;

export { CarouselDemoLink, type CarouselDemoLinkItem, type CarouselDemoLinkProps };
