import * as React from 'react';
import { ImageSliderImage } from './image-slider.js';
import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
import { P as PatternName } from './pattern-background-a7gKHzHy.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';

interface HeroImageSliderProps {
    /**
     * Eyebrow label above the heading
     */
    eyebrow?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Supporting description text
     */
    description?: React.ReactNode;
    /**
     * Action button configurations
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for actions (overrides actions array)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Custom content slot for the hero copy area
     */
    contentSlot?: React.ReactNode;
    /**
     * Image slider items
     */
    images?: ImageSliderImage[];
    /**
     * Enable autoplay rotation
     */
    autoplay?: boolean;
    /**
     * Autoplay interval in milliseconds
     */
    autoplayIntervalMs?: number;
    /**
     * Slide direction for transitions
     */
    direction?: "up" | "down";
    /**
     * Enable the overlay gradient
     */
    overlay?: boolean;
    /**
     * Custom overlay slot (overrides default overlay)
     */
    overlaySlot?: React.ReactNode;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    verticalSpacing?: SectionSpacing;
    /**
     * Background pattern
     */
    pattern?: PatternName;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the slider wrapper
     */
    sliderClassName?: string;
    /**
     * Additional CSS classes for the hero content wrapper
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the eyebrow
     */
    eyebrowClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the image element
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the overlay layer
     */
    overlayClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * HeroImageSlider - A hero layout that layers headline content over
 * a rotating image slider, ideal for immersive visual storytelling.
 */
declare function HeroImageSlider({ eyebrow, heading, description, actions, actionsSlot, contentSlot, images, autoplay, autoplayIntervalMs, direction, overlay, overlaySlot, background, verticalSpacing, pattern, patternOpacity, className, sliderClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, imageClassName, overlayClassName, optixFlowConfig, }: HeroImageSliderProps): React.JSX.Element;

export { HeroImageSlider, type HeroImageSliderProps };
