import type { ReactNode } from 'react';
declare const Conversation: {
    ({ children }: {
        children: ReactNode;
    }): import("@emotion/react/jsx-runtime").JSX.Element;
    Date: ({ children }: {
        children: ReactNode;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Message: ({ className, children, avatar, align, }: MessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
    MessageInfos: ({ children, align, }: {
        children: ReactNode;
        align: "left" | "right";
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
    Tag: ({ children }: {
        children: ReactNode;
    }) => import("@emotion/react/jsx-runtime").JSX.Element;
};
export declare const MessageInfos: ({ children, align, }: {
    children: ReactNode;
    align: "left" | "right";
}) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const Date: ({ children }: {
    children: ReactNode;
}) => import("@emotion/react/jsx-runtime").JSX.Element;
type MessageProps = {
    className?: string;
    children: ReactNode;
    avatar: ReactNode;
    align?: 'left' | 'right';
};
export declare const Message: ({ className, children, avatar, align, }: MessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
export declare const MessageTag: ({ children }: {
    children: ReactNode;
}) => import("@emotion/react/jsx-runtime").JSX.Element;
export { Conversation };