@spaced-out/ui-design-system/lib/components/ChatBubble/ChatBubble.d.ts

Sense UI components library

import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
import type { AvatarProps } from '../../components/Avatar';
import type { BaseTooltipProps } from '../../components/Tooltip';
type ClassNames = Readonly<{
    wrapper?: string;
}>;
export declare const CHAT_BUBBLE_ORIENTATION: Readonly<{
    left: "left";
    right: "right ";
}>;
export type ChatBubbleOrientation = (typeof CHAT_BUBBLE_ORIENTATION)[keyof typeof CHAT_BUBBLE_ORIENTATION];
export interface ChatBubbleProps {
    classNames?: ClassNames;
    orientation?: ChatBubbleOrientation;
    children: React.ReactNode;
    testId?: string;
}
export declare const ChatBubble: Flow.AbstractComponent<ChatBubbleProps, HTMLDivElement>;
export interface ChatAnchorProps {
    isAI?: boolean;
    tooltip?: BaseTooltipProps;
    classNames?: ClassNames;
    avatarProps?: AvatarProps;
    testId?: string;
}
export declare const ChatAnchor: {
    ({ isAI, tooltip, classNames, avatarProps, testId, }: ChatAnchorProps): React.JSX.Element;
    displayName: string;
};
export interface ChatContentProps {
    classNames?: ClassNames;
    children?: React.ReactNode;
    testId?: string;
}
export declare const ChatContent: {
    ({ classNames, children, testId, }: ChatContentProps): React.JSX.Element;
    displayName: string;
};
export type ChatBodyClassNames = Readonly<{
    wrapper?: string;
    loader: string;
}>;
export interface ChatBodyProps {
    withBgColor?: boolean;
    isLoading?: boolean;
    loadingText?: string;
    children?: React.ReactNode;
    classNames?: ClassNames;
    testId?: string;
}
export declare const ChatBody: {
    ({ withBgColor, isLoading, children, loadingText, classNames, testId, }: ChatBodyProps): React.JSX.Element;
    displayName: string;
};
export interface ChatFooterProps {
    classNames?: ClassNames;
    children?: React.ReactNode;
    testId?: string;
}
export declare const ChatFooter: {
    ({ children, classNames, testId }: ChatFooterProps): React.JSX.Element;
    displayName: string;
};
export interface ChatFooterRightSlotProps {
    children?: React.ReactNode;
    classNames?: ClassNames;
    testId?: string;
}
export declare const ChatFooterRightSlot: {
    ({ children, classNames, testId, }: ChatFooterRightSlotProps): React.JSX.Element;
    displayName: string;
};
export interface ChatFooterLeftSlotProps {
    children?: React.ReactNode;
    classNames?: ClassNames;
    testId?: string;
}
export declare const ChatFooterLeftSlot: {
    ({ children, classNames, testId, }: ChatFooterLeftSlotProps): React.JSX.Element;
    displayName: string;
};
export {};
//# sourceMappingURL=ChatBubble.d.ts.map