import { HTMLAttributes } from 'react';
export interface MessageProps extends HTMLAttributes<HTMLDivElement> {
    position: 'left' | 'right';
}
export declare const MessageClass = "mastra:flex mastra:flex-col mastra:w-full mastra:py-4 mastra:gap-2 mastra:group";
export declare const Message: ({ position, className, children, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
export interface MessageContentProps extends HTMLAttributes<HTMLDivElement> {
    isStreaming?: boolean;
}
export declare const MessageContentClass = "mastra:max-w-4/5 mastra:py-2 mastra:text-text6 mastra:rounded-lg mastra-message-content mastra:text-md";
export declare const MessageContent: ({ children, className, isStreaming, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
export declare const MessageActionsClass = "mastra:gap-2 mastra:flex mastra:opacity-0 mastra:group-hover:opacity-100 mastra:group-focus-within:opacity-100 mastra:items-center";
export declare const MessageActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
export declare const MessageUsagesClass = "mastra:flex mastra:gap-2 mastra:items-center";
export declare const MessageUsages: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
export declare const MessageUsageClass = "mastra:flex mastra:gap-2 mastra:items-center mastra:font-mono mastra:text-xs mastra:bg-surface3 mastra:rounded-lg mastra:px-2 mastra:py-1";
export declare const MessageUsage: ({ children, className, ...props }: HTMLAttributes<HTMLDListElement>) => import("react/jsx-runtime").JSX.Element;
export declare const MessageUsageEntryClass = "mastra:text-text3 mastra:text-xs mastra:flex mastra:gap-1 mastra:items-center";
export declare const MessageUsageEntry: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
export declare const MessageUsageValueClass = "mastra:text-text6 mastra:text-xs";
export declare const MessageUsageValue: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
export declare const MessageListClass = "mastra:overflow-y-auto mastra:h-full mastra-list";
export declare const MessageList: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
export declare const MessageStreamingClass = "mastra:inline-block mastra:w-[2px] mastra:h-[1em] mastra:bg-text5 mastra:ml-0.5 mastra:align-text-bottom mastra:animate-pulse";
export declare const MessageStreaming: ({ className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
