import { Base, ScrollInViewProps } from '@studiometa/js-toolkit';
import type { BaseConfig, BaseProps } from '@studiometa/js-toolkit';
import { ScrollAnimationTarget } from './ScrollAnimationTarget.js';
export interface ScrollAnimationTimelineProps extends BaseProps {
    $children: {
        ScrollAnimationTarget: ScrollAnimationTarget[];
    };
}
declare const ScrollAnimationTimeline_base: import("@studiometa/js-toolkit").BaseDecorator<import("@studiometa/js-toolkit").WithScrolledInViewInterface, Base<BaseProps>, import("@studiometa/js-toolkit").WithScrolledInViewProps>;
/**
 * ScrollAnimationTimeline class.
 *
 * A component that manages scroll-based animations for its children.
 * Use with `ScrollAnimationTarget` children components.
 *
 * @example
 * ```html
 * <div data-component="ScrollAnimationTimeline">
 *   <div data-component="ScrollAnimationTarget" data-option-from='{"opacity": 0}' data-option-to='{"opacity": 1}'>
 *     Content
 *   </div>
 * </div>
 * ```
 */
export declare class ScrollAnimationTimeline<T extends BaseProps = BaseProps> extends ScrollAnimationTimeline_base<T & ScrollAnimationTimelineProps> {
    /**
     * Config.
     */
    static config: BaseConfig;
    /**
     * Scrolled in view hook.
     */
    scrolledInView(props: ScrollInViewProps): void;
}
export {};