import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
import { O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * CarouselProgressSlider
 *
 * A context-based slider with animated progress bar indicators for each slide.
 * Features auto-advancing slides with visual progress feedback and smooth
 * transitions between content panels.
 *
 * Use cases:
 * - Feature walkthroughs with timed progression
 * - Onboarding flows with step indicators
 * - Product tours with progress tracking
 * - Content showcases with auto-advance
 */

interface ProgressSlide {
    /**
     * Unique identifier for the slide
     */
    id: string;
    /**
     * Slide title
     */
    title?: React.ReactNode;
    /**
     * Slide description
     */
    description?: React.ReactNode;
    /**
     * Image source URL
     */
    image: string;
    /**
     * Additional CSS classes for the slide
     */
    className?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
}
interface CarouselProgressSliderProps {
    /**
     * Section title (renders as h2)
     */
    heading?: string;
    /**
     * Section subtitle/eyebrow (renders above title)
     */
    subheading?: string;
    /**
     * Array of slides
     */
    slides?: ProgressSlide[];
    /**
     * Custom slot for rendering slides (overrides slides array)
     */
    slidesSlot?: React.ReactNode;
    /**
     * Duration for each slide in milliseconds
     */
    duration?: number;
    /**
     * Fast forward duration in milliseconds
     */
    fastDuration?: number;
    /**
     * Whether to use vertical progress bars
     */
    vertical?: boolean;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content grid
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the image area
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the navigation area
     */
    navigationClassName?: string;
    /**
     * Additional CSS classes for the navigation buttons
     */
    buttonClassName?: string;
    /**
     * Additional CSS classes for the progress bar
     */
    progressBarClassName?: 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 CarouselProgressSlider({ heading, subheading, slides, slidesSlot, duration, fastDuration, vertical, className, containerClassName, contentClassName, imageClassName, navigationClassName, buttonClassName, progressBarClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: CarouselProgressSliderProps): React.JSX.Element;

export { CarouselProgressSlider, type CarouselProgressSliderProps };
