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

/**
 * CarouselAnimatedSections
 *
 * A fullscreen section carousel with smooth animated transitions between
 * slides. Features keyboard and scroll-wheel navigation with visual
 * slide indicators and overlay content.
 *
 * Use cases:
 * - Fullscreen presentation-style pages
 * - Portfolio showcases with dramatic transitions
 * - Product feature tours with immersive visuals
 * - Landing pages with section-based navigation
 */

interface AnimatedSection {
    /**
     * Unique identifier for the section
     */
    id: string;
    /**
     * Section title
     */
    title?: React.ReactNode;
    /**
     * Section subtitle
     */
    subtitle?: React.ReactNode;
    /**
     * Section description
     */
    description?: React.ReactNode;
    /**
     * Image source URL
     */
    image: string;
    /**
     * CTA button text
     */
    ctaText?: React.ReactNode;
    /**
     * CTA button href
     */
    ctaHref?: string;
    /**
     * CTA button onClick handler
     */
    ctaOnClick?: () => void;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the image
     */
    imageClassName?: string;
}
interface CarouselAnimatedSectionsProps {
    /**
     * Array of sections
     */
    sections?: AnimatedSection[];
    /**
     * Custom slot for rendering sections (overrides sections array)
     */
    sectionsSlot?: React.ReactNode;
    /**
     * Custom slot for rendering actions
     */
    actionsSlot?: React.ReactNode;
    /**
     * Array of action configurations
     */
    actions?: ActionConfig[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: 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 actions
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the navigation dots
     */
    navigationClassName?: string;
    /**
     * Additional CSS classes for the arrow navigation
     */
    arrowsClassName?: string;
    /**
     * Additional CSS classes for the counter
     */
    counterClassName?: string;
    /**
     * Granular control of brightness for slide media
     * Values 10-40 use arbitrary Tailwind values for finer control on bright images
     */
    slideMediaBrightness?: "10" | "20" | "25" | "30" | "40" | "50" | "75" | "100";
    /**
     * 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 CarouselAnimatedSections({ sections, sectionsSlot, actionsSlot, actions, className, containerClassName, contentClassName, subtitleClassName, titleClassName, descriptionClassName, actionsClassName, navigationClassName, arrowsClassName, counterClassName, slideMediaBrightness, optixFlowConfig, background, spacing, containerMaxWidth, pattern, patternOpacity, }: CarouselAnimatedSectionsProps): React.JSX.Element;

export { type AnimatedSection, CarouselAnimatedSections, type CarouselAnimatedSectionsProps };
