import * as React from 'react';
import { EmblaOptionsType } from 'embla-carousel';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
import { 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';

/**
 * CarouselAutoplayProgress
 *
 * An Embla-powered carousel with autoplay functionality, animated progress bar,
 * dot navigation, and play/pause controls. Features smooth transitions with
 * visual feedback for autoplay timing.
 *
 * Use cases:
 * - Hero sections with timed content rotation
 * - Product showcases with automatic advancement
 * - Testimonial carousels with progress indication
 * - Feature highlight sections
 */

interface AutoplaySlide {
    /**
     * Image source URL
     */
    src: string;
    /**
     * Image alt text
     */
    alt?: React.ReactNode;
    /**
     * Additional content below the image
     */
    content?: React.ReactNode;
    /**
     * Additional CSS classes for the slide
     */
    className?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
}
interface CarouselAutoplayProgressProps {
    /**
     * Array of slides
     */
    slides?: AutoplaySlide[];
    /**
     * Custom slot for rendering slides (overrides slides array)
     */
    slidesSlot?: React.ReactNode;
    /**
     * Embla carousel options
     */
    options?: EmblaOptionsType;
    /**
     * Autoplay delay in milliseconds
     */
    autoplayDelay?: number;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the carousel container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the slides track
     */
    trackClassName?: string;
    /**
     * Additional CSS classes for individual slides
     */
    slideClassName?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the controls area
     */
    controlsClassName?: string;
    /**
     * Additional CSS classes for the dots navigation
     */
    dotsClassName?: string;
    /**
     * Additional CSS classes for the progress bar
     */
    progressClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * 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;
}
declare function CarouselAutoplayProgress({ slides, slidesSlot, options, autoplayDelay, className, containerClassName, trackClassName, slideClassName, imageClassName, controlsClassName, dotsClassName, progressClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: CarouselAutoplayProgressProps): React.JSX.Element;

export { CarouselAutoplayProgress, type CarouselAutoplayProgressProps };
