@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 '../Avatar';
import type { BaseTooltipProps } from '../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 type ChatBubbleProps = {
    classNames?: ClassNames;
    orientation?: ChatBubbleOrientation;
    children: React.ReactNode;
};
export declare const ChatBubble: Flow.AbstractComponent<ChatBubbleProps, HTMLDivElement>;
export type ChatAnchorProps = {
    isAI?: boolean;
    tooltip?: BaseTooltipProps;
    classNames?: ClassNames;
    avatarProps?: AvatarProps;
};
export declare const ChatAnchor: {
    ({ isAI, tooltip, classNames, avatarProps, }: ChatAnchorProps): React.JSX.Element;
    displayName: string;
};
export type ChatContentProps = {
    classNames?: ClassNames;
    children?: React.ReactNode;
};
export declare const ChatContent: {
    ({ classNames, children }: ChatContentProps): React.JSX.Element;
    displayName: string;
};
export type ChatBodyClassNames = Readonly<{
    wrapper?: string;
    loader: string;
}>;
export type ChatBodyProps = {
    withBgColor?: boolean;
    isLoading?: boolean;
    loadingText?: string;
    children?: React.ReactNode;
    classNames?: ClassNames;
};
export declare const ChatBody: {
    ({ withBgColor, isLoading, children, loadingText, classNames, }: ChatBodyProps): React.JSX.Element;
    displayName: string;
};
export type ChatFooterProps = {
    classNames?: ClassNames;
    children?: React.ReactNode;
};
export declare const ChatFooter: {
    ({ children, classNames }: ChatFooterProps): React.JSX.Element;
    displayName: string;
};
export type ChatFooterRightSlotProps = {
    children?: React.ReactNode;
    classNames?: ClassNames;
};
export declare const ChatFooterRightSlot: {
    ({ children, classNames, }: ChatFooterRightSlotProps): React.JSX.Element;
    displayName: string;
};
export type ChatFooterLeftSlotProps = {
    children?: React.ReactNode;
    classNames?: ClassNames;
};
export declare const ChatFooterLeftSlot: {
    ({ children, classNames, }: ChatFooterLeftSlotProps): React.JSX.Element;
    displayName: string;
};
export {};
//# sourceMappingURL=ChatBubble.d.ts.map