/// <reference types="lodash" />
import React from 'react';
import { Message } from '@twilio/conversations/lib/message';
import { WithStyles } from '@material-ui/core/styles';
declare const styles: import("@material-ui/styles").StyleRules<{}, "button" | "outerContainer" | "innerScrollContainer" | "messageListContainer" | "showButton">;
interface MessageListScrollContainerProps extends WithStyles<typeof styles> {
    messages: Message[];
}
interface MessageListScrollContainerState {
    isScrolledToBottom: boolean;
    showButton: boolean;
    messageNotificationCount: number;
}
export declare class MessageListScrollContainer extends React.Component<MessageListScrollContainerProps, MessageListScrollContainerState> {
    chatThreadRef: React.RefObject<HTMLDivElement>;
    state: {
        isScrolledToBottom: boolean;
        showButton: boolean;
        messageNotificationCount: number;
    };
    scrollToBottom(): void;
    componentDidMount(): void;
    componentDidUpdate(prevProps: MessageListScrollContainerProps, prevState: MessageListScrollContainerState): void;
    handleScroll: import("lodash").DebouncedFunc<() => void>;
    handleClick: () => void;
    componentWillUnmount(): void;
    render(): JSX.Element;
}
declare const _default: React.ComponentType<Pick<MessageListScrollContainerProps, "messages"> & import("@material-ui/core/styles").StyledComponentProps<"button" | "outerContainer" | "innerScrollContainer" | "messageListContainer" | "showButton">>;
export default _default;