import { CSSProperties } from 'react';
export declare type MessageSide = 'left' | 'right';
export interface MessageTriggerEventMessage {
    messageId: string;
    displayMessage?: string;
    payloadMessage?: string;
}
export interface MessageButton {
    title?: string;
    url?: string;
    payload?: string;
}
export interface CarouselElement {
    title?: string;
    subtitle: string;
    buttons?: MessageButton[];
    defaultActions?: MessageButton;
    image_url?: string;
}
export declare enum MessageType {
    TEXT = "text",
    IMAGE = "image",
    VIDEO = "video",
    FILE = "file",
    RICH_TEXT = "rich_text",
    BUTTONS = "button",
    CAROUSEL = "carousel",
    ESCALATION = "escalation",
    CHALLENGE = "challenge",
    CUSTOM_COMPONENT = "component"
}
export interface MessageIntention {
    intentClassification: string;
    intentConfidence: number;
    sentiment: string;
    sentimentConfidence: number;
}
export interface MessageProps {
    id?: string;
    conversationId?: string;
    type?: MessageType;
    text?: string;
    avatar?: string;
    senderName?: string;
    timestamp?: Date | string;
    src?: string[];
    side?: MessageSide;
    isFirstMessage?: boolean;
    isLastMessage?: boolean;
    hiddenAvatar?: boolean;
    isSelf?: boolean;
    showTime?: boolean;
    textColorRight?: string;
    backgroundColorRight?: string;
    textColorLeft?: string;
    backgroundColorLeft?: string;
    fontSize?: number;
    spacing?: number;
    className?: string;
    style?: CSSProperties;
    buttons?: MessageButton[];
    actionDone?: boolean;
    elements?: CarouselElement[];
    intention?: MessageIntention;
    onTrigger?: (event: MessageTriggerEventMessage) => void;
}