import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dud0DKXB.js';
import './blocks-DyouPohq.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';
import 'react/jsx-runtime';

interface FeatureCarouselProgressItem {
    /**
     * Icon element (overrides iconName)
     */
    icon?: React.ReactNode;
    /**
     * Icon name in format: prefix/name (e.g., "lucide/code")
     */
    iconName?: string;
    /**
     * Feature title content
     */
    title?: React.ReactNode;
    /**
     * Feature description content
     */
    description?: React.ReactNode;
    /**
     * Additional CSS classes for the slide
     */
    className?: string;
    /**
     * Additional CSS classes for the icon wrapper
     */
    iconClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Optional href for the item
     */
    href?: string;
}
interface FeatureCarouselProgressProps {
    /**
     * Badge content displayed above the heading
     */
    badge?: React.ReactNode;
    /**
     * Main heading content
     */
    title?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Label for the carousel section
     */
    carouselLabel?: React.ReactNode;
    /**
     * Array of feature slides
     */
    slides?: FeatureCarouselProgressItem[];
    /**
     * Custom slot for rendering slides (overrides slides array)
     */
    slidesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the badge
     */
    badgeClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the carousel
     */
    carouselClassName?: string;
    /**
     * Additional CSS classes for the carousel controls
     */
    controlsClassName?: string;
    /**
     * Additional CSS classes for the progress bar
     */
    progressClassName?: string;
    /**
     * Additional CSS classes for each slide card
     */
    cardClassName?: 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;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * Feature Carousel Progress - Carousel-based feature display with progress indicator
 * and navigation controls.
 *
 * Layout: Centered heading with badge, horizontal carousel with progress bar.
 * Key features: Progress indicator, carousel navigation, icon badges, responsive cards.
 * Best for: Feature tours, capability showcases, multi-step explanations.
 *
 * @example
 * ```tsx
 * <FeatureCarouselProgress
 *   badge="Features"
 *   title="This is where your features go"
 *   slides={[
 *     { iconName: "lucide/code", title: "Integrations", description: "Connect with your tools" },
 *     { iconName: "lucide/zap", title: "Automation", description: "Streamline workflows" },
 *   ]}
 * />
 * ```
 */
declare function FeatureCarouselProgress({ sectionId, badge, title, description, titleClassName, descriptionClassName, carouselLabel, slides, slidesSlot, className, containerClassName, headerClassName, badgeClassName, carouselClassName, controlsClassName, progressClassName, cardClassName, background, spacing, pattern, patternOpacity, patternClassName, }: FeatureCarouselProgressProps): React.JSX.Element;

export { FeatureCarouselProgress, type FeatureCarouselProgressProps };
