import * as React from 'react';
import { P as PatternName } from './pattern-background-z0e5HB0v.js';
import { SectionBackground, SectionSpacing } from './types.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'react/jsx-runtime';
import './patternSvgs-c5ZNVoTT.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

/**
 * Image item configuration for the auto-scroll carousel.
 */
interface AutoScrollCarouselImage {
    /**
     * Image source URL
     */
    src: string;
    /**
     * Alt text for accessibility
     */
    alt?: string;
    /**
     * Additional CSS classes for the image
     */
    className?: string;
}
interface AutoScrollCarouselProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Link/action configuration for the CTA
     */
    action?: ActionConfig;
    /**
     * Custom slot for rendering the action (overrides action prop)
     */
    actionSlot?: React.ReactNode;
    /**
     * Array of images to display in the carousel
     */
    images?: AutoScrollCarouselImage[];
    /**
     * Custom slot for rendering images (overrides images array)
     */
    imagesSlot?: React.ReactNode;
    /**
     * Auto-scroll speed
     * @default 0.9
     */
    autoScrollSpeed?: number;
    /**
     * 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 description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the action link
     */
    actionClassName?: 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 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 | string;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * AutoScrollCarousel displays images in a continuously auto-scrolling carousel.
 *
 * Features a header section with heading, description, and a link, followed by
 * an infinite-loop carousel that auto-scrolls horizontally. Images are displayed
 * in a staggered pattern with alternating vertical offsets for visual interest.
 * Ideal for showcasing team photos, product images, or portfolio work in an
 * engaging, hands-free presentation.
 *
 * @example
 * ```tsx
 * <AutoScrollCarousel
 *   heading="Bringing your data to life with AI"
 *   description="Our team transforms complex data into actionable insights."
 *   action={{ label: "Explore our solutions", href: "/solutions" }}
 *   images={[
 *     { src: "/images/team-1.jpg", alt: "Team photo 1" },
 *     { src: "/images/team-2.jpg", alt: "Team photo 2" }
 *   ]}
 * />
 * ```
 */
declare function AutoScrollCarousel({ heading, description, action, actionSlot, images, imagesSlot, autoScrollSpeed, className, headerClassName, headingClassName, descriptionClassName, actionClassName, carouselClassName, carouselContentClassName, itemClassName, imageClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: AutoScrollCarouselProps): React.JSX.Element;

export { AutoScrollCarousel, type AutoScrollCarouselProps };
