import type { PlaygroundMessage } from '../../types/playground.js';
/**
 * Component props
 */
interface Props {
    /** The message to display */
    message: PlaygroundMessage;
    /** Whether to show the timestamp */
    showTimestamp?: boolean;
    /** Whether this is the last message (affects styling) */
    isLast?: boolean;
    /** Whether to render markdown content */
    enableMarkdown?: boolean;
    /**
     * Use compact display mode for system messages.
     * When true, system messages are rendered as minimal inline text
     * instead of full chat bubbles to reduce visual noise.
     * @default true
     */
    compactSystemMessages?: boolean;
}
declare const MessageBubble: import("svelte").Component<Props, {}, "">;
type MessageBubble = ReturnType<typeof MessageBubble>;
export default MessageBubble;