import { Avatar } from '@/components/ui/avatar';
import type { UIMessage } from 'ai';
import { type VariantProps } from 'class-variance-authority';
import type { ComponentProps, HTMLAttributes } from 'react';
export type MessageProps = HTMLAttributes<HTMLDivElement> & {
    from: UIMessage['role'];
};
export declare const Message: ({ className, from, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
declare const messageContentVariants: (props?: ({
    variant?: "flat" | "contained" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type MessageContentProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof messageContentVariants>;
export declare const MessageContent: ({ children, className, variant, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
export type MessageAvatarProps = ComponentProps<typeof Avatar> & {
    src: string;
    name?: string;
};
export declare const MessageAvatar: ({ src, name, className, ...props }: MessageAvatarProps) => import("react/jsx-runtime").JSX.Element;
export {};