import * as React from 'react';
import { ImageSliderImage } from './image-slider.js';
import { FormEngineProps } from '@page-speed/forms/integration';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

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
     */
    spacing?: SectionSpacing;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * 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;
    /**
     * Form heading text
     */
    formHeading?: React.ReactNode;
    /**
     * Submit button text
     */
    buttonText?: string;
    /**
     * Icon to display in submit button
     */
    buttonIcon?: React.ReactNode;
    /**
     * Full form engine setup and props
     */
    formEngineSetup?: FormEngineProps;
    /**
     * Additional CSS classes for the form card
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for the card content
     */
    cardContentClassName?: string;
    /**
     * Additional CSS classes for the form heading
     */
    formHeadingClassName?: string;
    /**
     * Privacy notice text below the form
     */
    privacyNotice?: React.ReactNode;
    /**
     * Additional CSS classes for the privacy notice
     */
    privacyNoticeClassName?: string;
    /**
     * Additional CSS classes for the grid layout
     */
    gridClassName?: string;
}
/**
 * HeroImageSlider - A full-width hero with background image slider,
 * split layout with content on the left and a form card on the right.
 */
declare function HeroImageSlider({ eyebrow, heading, description, actions, actionsSlot, contentSlot, images, autoplay, autoplayIntervalMs, direction, overlay, overlaySlot, background, containerClassName, spacing, pattern, patternOpacity, className, sliderClassName, contentClassName, eyebrowClassName, headingClassName, descriptionClassName, actionsClassName, imageClassName, overlayClassName, optixFlowConfig, formHeading, buttonText, buttonIcon, formEngineSetup, cardClassName, cardContentClassName, formHeadingClassName, privacyNotice, privacyNoticeClassName, gridClassName, }: HeroImageSliderProps): React.JSX.Element;

export { HeroImageSlider, type HeroImageSliderProps };
