import { Component } from 'react';
import type { ReactNode } from 'react';
import PropTypes from 'prop-types';
import type { StyleProp, ViewStyle, TextStyle } from 'react-native';
import type { QuickRepliesProps } from './QuickReplies';
import type { MessageTextProps } from './MessageText';
import type { MessageImageProps } from './MessageImage';
import type { TimeProps } from './Time';
import { User, IMessage, LeftRightStyle, Reply, Omit, MessageVideoProps, MessageAudioProps } from './Models';
export declare type RenderMessageImageProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageImageProps<TMessage>;
export declare type RenderMessageVideoProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageVideoProps<TMessage>;
export declare type RenderMessageAudioProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageAudioProps<TMessage>;
export declare type RenderMessageTextProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageTextProps<TMessage>;
export interface BubbleProps<TMessage extends IMessage> {
    user?: User;
    touchableProps?: object;
    renderUsernameOnMessage?: boolean;
    isCustomViewBottom?: boolean;
    inverted?: boolean;
    position: 'left' | 'right';
    currentMessage?: TMessage;
    nextMessage?: TMessage;
    previousMessage?: TMessage;
    optionTitles?: string[];
    containerStyle?: LeftRightStyle<ViewStyle>;
    wrapperStyle?: LeftRightStyle<ViewStyle>;
    textStyle?: LeftRightStyle<TextStyle>;
    bottomContainerStyle?: LeftRightStyle<ViewStyle>;
    tickStyle?: StyleProp<TextStyle>;
    containerToNextStyle?: LeftRightStyle<ViewStyle>;
    containerToPreviousStyle?: LeftRightStyle<ViewStyle>;
    usernameStyle?: TextStyle;
    quickReplyStyle?: StyleProp<ViewStyle>;
    quickReplyTextStyle?: StyleProp<TextStyle>;
    onPress?(context?: any, message?: any): void;
    onLongPress?(context?: any, message?: any): void;
    onQuickReply?(replies: Reply[]): void;
    renderMessageImage?(props: RenderMessageImageProps<TMessage>): ReactNode;
    renderMessageVideo?(props: RenderMessageVideoProps<TMessage>): ReactNode;
    renderMessageAudio?(props: RenderMessageAudioProps<TMessage>): ReactNode;
    renderMessageText?(props: RenderMessageTextProps<TMessage>): ReactNode;
    renderCustomView?(bubbleProps: BubbleProps<TMessage>): ReactNode;
    renderTime?(timeProps: TimeProps<TMessage>): ReactNode;
    renderTicks?(currentMessage: TMessage): ReactNode;
    renderUsername?(): ReactNode;
    renderQuickReplySend?(): ReactNode;
    renderQuickReplies?(quickReplies: QuickRepliesProps): ReactNode;
}
declare class Bubble<TMessage extends IMessage = IMessage> extends Component<BubbleProps<TMessage>> {
    static contextType: import("react").Context<import("./EasyChatContext").IEasyChatContext>;
    static defaultProps: {
        inverted: boolean;
        textStyle: undefined;
        quickReplyStyle: undefined;
        quickReplyTextStyle: undefined;
        renderQuickReplySend: undefined;
        isCustomViewBottom: boolean;
        renderUsernameOnMessage: boolean;
        touchableProps: {};
        onPress: null;
        onLongPress: null;
        renderMessageImage: null;
        renderMessageVideo: null;
        renderMessageAudio: null;
        renderMessageText: null;
        renderCustomView: null;
        renderUsername: null;
        renderTicks: null;
        renderTime: null;
        renderQuickReplies: null;
        onQuickReply: null;
        position: string;
        optionTitles: string[];
        currentMessage: {
            text: null;
            createdAt: null;
            image: null;
        };
        nextMessage: {};
        previousMessage: {};
        containerStyle: {};
        wrapperStyle: {};
        bottomContainerStyle: {};
        tickStyle: {};
        usernameStyle: {};
        containerToNextStyle: {};
        containerToPreviousStyle: {};
    };
    static propTypes: {
        user: PropTypes.Validator<object>;
        touchableProps: PropTypes.Requireable<object>;
        onLongPress: PropTypes.Requireable<(...args: any[]) => any>;
        renderMessageImage: PropTypes.Requireable<(...args: any[]) => any>;
        renderMessageVideo: PropTypes.Requireable<(...args: any[]) => any>;
        renderMessageAudio: PropTypes.Requireable<(...args: any[]) => any>;
        renderMessageText: PropTypes.Requireable<(...args: any[]) => any>;
        renderCustomView: PropTypes.Requireable<(...args: any[]) => any>;
        isCustomViewBottom: PropTypes.Requireable<boolean>;
        renderUsernameOnMessage: PropTypes.Requireable<boolean>;
        renderUsername: PropTypes.Requireable<(...args: any[]) => any>;
        renderTime: PropTypes.Requireable<(...args: any[]) => any>;
        renderTicks: PropTypes.Requireable<(...args: any[]) => any>;
        renderQuickReplies: PropTypes.Requireable<(...args: any[]) => any>;
        onQuickReply: PropTypes.Requireable<(...args: any[]) => any>;
        position: PropTypes.Requireable<string>;
        optionTitles: PropTypes.Requireable<(string | null | undefined)[]>;
        currentMessage: PropTypes.Requireable<object>;
        nextMessage: PropTypes.Requireable<object>;
        previousMessage: PropTypes.Requireable<object>;
        containerStyle: PropTypes.Requireable<PropTypes.InferProps<{
            left: PropTypes.Requireable<number | boolean | object>;
            right: PropTypes.Requireable<number | boolean | object>;
        }>>;
        wrapperStyle: PropTypes.Requireable<PropTypes.InferProps<{
            left: PropTypes.Requireable<number | boolean | object>;
            right: PropTypes.Requireable<number | boolean | object>;
        }>>;
        bottomContainerStyle: PropTypes.Requireable<PropTypes.InferProps<{
            left: PropTypes.Requireable<number | boolean | object>;
            right: PropTypes.Requireable<number | boolean | object>;
        }>>;
        tickStyle: PropTypes.Requireable<number | boolean | object>;
        usernameStyle: PropTypes.Requireable<number | boolean | object>;
        containerToNextStyle: PropTypes.Requireable<PropTypes.InferProps<{
            left: PropTypes.Requireable<number | boolean | object>;
            right: PropTypes.Requireable<number | boolean | object>;
        }>>;
        containerToPreviousStyle: PropTypes.Requireable<PropTypes.InferProps<{
            left: PropTypes.Requireable<number | boolean | object>;
            right: PropTypes.Requireable<number | boolean | object>;
        }>>;
    };
    onPress: () => void;
    onLongPress: () => void;
    styledBubbleToNext(): (StyleProp<ViewStyle> | {
        borderBottomLeftRadius: number;
    } | {
        borderBottomRightRadius: number;
    })[] | null;
    styledBubbleToPrevious(): (StyleProp<ViewStyle> | {
        borderTopLeftRadius: number;
    } | {
        borderTopRightRadius: number;
    })[] | null;
    renderQuickReplies(): ReactNode;
    renderMessageText(): ReactNode;
    renderMessageImage(): ReactNode;
    renderMessageVideo(): ReactNode;
    renderMessageAudio(): ReactNode;
    renderTicks(): ReactNode;
    renderTime(): ReactNode;
    renderUsername(): JSX.Element | null;
    renderCustomView(): ReactNode;
    renderBubbleContent(): JSX.Element;
    render(): JSX.Element;
}
export default Bubble;