import { ReactNode, HTMLAttributes } from 'react';
export interface MessageListTheme {
    baseStyle: string;
    innerStyle: string;
}
export interface MessageListThemeOverrides {
    baseStyle?: string;
    innerStyle?: string;
}
export interface MessageListProps extends HTMLAttributes<HTMLDivElement> {
    /** Message children to render. Each child must have a stable `key` for animations. */
    children?: ReactNode;
    /**
     * Auto-scroll to bottom when new children are added,
     * unless the user has manually scrolled up.
     * @default true
     */
    autoScroll?: boolean;
    /**
     * Pixels from the bottom to consider "at bottom" for auto-scroll detection.
     * @default 100
     */
    scrollThreshold?: number;
    /**
     * Enable enter/exit animations for messages.
     * Automatically disabled when the OS prefers reduced motion.
     * @default true
     */
    shouldAnimate?: boolean;
    /** Theme overrides for the list container and inner wrapper. */
    theme?: MessageListThemeOverrides;
}
