import { type HTMLAttributes, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type ScrollSnappingAnimationEffect = 'blink' | 'horizontal-scroll' | 'backwards-scroll' | 'zoom-scroll';
export type ScrollSnappingAnimationsStep = {
    id?: string;
    navLabel?: string;
    heading: ReactNode;
    paragraphs?: readonly ReactNode[];
    imageSrc?: string;
    imageAlt?: string;
    accentColor?: string;
    background?: string;
    color?: string;
};
export type ScrollSnappingAnimationsProps = Omit<HTMLAttributes<HTMLElement>, 'children' | 'onChange'> & {
    steps?: readonly ScrollSnappingAnimationsStep[];
    effect?: ScrollSnappingAnimationEffect;
    defaultEffect?: ScrollSnappingAnimationEffect;
    onEffectChange?: (effect: ScrollSnappingAnimationEffect) => void;
    ariaLabel?: string;
    height?: CssLength;
    showControls?: boolean;
    showIndicator?: boolean;
    footer?: ReactNode;
};
export declare const ScrollSnappingAnimations: ({ steps, className, style, effect, defaultEffect, onEffectChange, ariaLabel, height, showControls, showIndicator, footer, ...props }: ScrollSnappingAnimationsProps) => import("react/jsx-runtime").JSX.Element;