import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName, m as ContainerMaxWidth } from './community-initiatives-rTRuDt0r.js';
import { A as ActionConfig, 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';

/**
 * CarouselFullscreenScrollFx
 *
 * A GSAP-powered fullscreen carousel with scroll-triggered animations,
 * pinned sections, and smooth parallax effects. Features immersive
 * full-viewport slides with overlay content and navigation indicators.
 *
 * Use cases:
 * - Immersive storytelling experiences
 * - Portfolio showcases with dramatic transitions
 * - Product launches with cinematic presentations
 * - Brand story pages with scroll-driven narratives
 */

interface FullscreenSlide {
    /**
     * Unique identifier for the slide
     */
    id: string;
    /**
     * Slide title
     */
    title?: React.ReactNode;
    /**
     * Slide subtitle/eyebrow text
     */
    subtitle?: React.ReactNode;
    /**
     * Slide description
     */
    description?: React.ReactNode;
    /**
     * Image source URL
     */
    image: string;
    /**
     * Overlay color (rgba format)
     */
    overlayColor?: string;
    /**
     * Additional CSS classes for the slide
     */
    className?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
    /**
     * Array of action configurations
     */
    actions?: ActionConfig[];
}
interface CarouselFullscreenScrollFxProps {
    /**
     * Array of fullscreen slides
     */
    slides?: FullscreenSlide[];
    /**
     * 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 navigation dots
     */
    navigationClassName?: string;
    /**
     * Additional CSS classes for the content area
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the subtitle
     */
    subtitleClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the scroll indicator
     */
    scrollIndicatorClassName?: string;
    /**
     * Additional CSS classes for the slide counter
     */
    counterClassName?: 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;
    /**
     * Optional max width for the content container
     */
    containerMaxWidth?: ContainerMaxWidth;
}
declare function CarouselFullscreenScrollFx({ slides, slidesSlot, className, containerClassName, navigationClassName, contentClassName, subtitleClassName, titleClassName, descriptionClassName, scrollIndicatorClassName, counterClassName, optixFlowConfig, background, spacing, containerMaxWidth, pattern, patternOpacity, }: CarouselFullscreenScrollFxProps): React.JSX.Element;

export { CarouselFullscreenScrollFx, type CarouselFullscreenScrollFxProps, type FullscreenSlide };
