import { ComponentProps, ReactNode, RefObject } from 'react';
import { ChatMessagesActions } from './chat-context';
export interface ChatMessagesProps extends ComponentProps<'div'> {
    /**
     * Distance from the bottom, in pixels, within which the reader still
     * counts as being at the live edge.
     * @defaultValue 24
     */
    bottomThreshold?: number;
    /**
     * Gap kept between the viewport top and a message anchored by
     * `scrollAnchor` or scrolled to with `scrollToMessage`, in pixels.
     * @defaultValue 12
     */
    anchorOffset?: number;
    /**
     * Whether to follow new content while the reader is at the live edge.
     * @defaultValue true
     */
    autoScroll?: boolean;
    /** A ref populated with the imperative scroll commands. */
    actionsRef?: RefObject<ChatMessagesActions | null>;
    /**
     * Accessible label for the message log.
     * @defaultValue "Conversation"
     */
    'aria-label'?: string;
}
export declare function ChatMessages({ className, children, bottomThreshold, anchorOffset, autoScroll, actionsRef, 'aria-label': ariaLabel, ...props }: ChatMessagesProps): import("react/jsx-runtime").JSX.Element;
export declare namespace ChatMessages {
    var displayName: string;
}
export interface ChatJumpButtonProps extends ComponentProps<'button'> {
    /**
     * Icon rendered before the label. Pass `null` to remove it.
     * @defaultValue an arrow-down icon
     */
    leadingIcon?: ReactNode;
}
export declare function ChatJumpButton({ className, children, onClick, leadingIcon, ...props }: ChatJumpButtonProps): import("react/jsx-runtime").JSX.Element;
export declare namespace ChatJumpButton {
    var displayName: string;
}
//# sourceMappingURL=chat-messages.d.ts.map