import { VariantProps } from "class-variance-authority";
import React from "react";
import { Button } from "../components";
export declare const ConversationContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
interface ConversationMessageProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof messageVariants> {
    actions?: ConversationMessageAction[];
    avatarBusy?: boolean;
    buttons?: React.ReactElement<typeof Button>[];
    children?: React.ReactNode;
    citations?: React.ReactElement[];
    isDisabled?: boolean;
    name?: string;
    timestamp?: string;
    completionStatus?: React.ReactNode;
    pictureUrl?: string | React.ReactNode | null;
    renderName?: (name: string | null) => React.ReactNode;
    infoChip?: React.ReactNode;
    type: ConversationMessageType;
}
type ConversationMessageType = "user" | "agent";
interface ConversationMessageAction {
    icon: React.ComponentType | React.ReactNode;
    label: string;
    onClick: () => void;
}
declare const messageVariants: (props?: ({
    type?: "agent" | "user" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Parent component for both UserMessage and AgentMessage, to ensure avatar,
 * side buttons and spacing are consistent between the two
 */
export declare const ConversationMessage: React.ForwardRefExoticComponent<ConversationMessageProps & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=ConversationMessage.d.ts.map