/**
 * MessageItem Component
 * Displays a single message with visual hierarchy
 * Uses colors and spacing instead of explicit labels
 */
import type { Message } from '../../state/types.js';
interface MessageItemProps {
    message: Message;
    /** Terminal width for proper text wrapping calculations */
    terminalWidth?: number;
    /** Whether assistant reasoning should be shown. */
    showReasoning?: boolean;
}
/**
 * Pure presentational component for a single message
 * Visual hierarchy through colors and spacing only (no borders for easy text copying)
 *
 * Memoization with custom comparator prevents re-renders when message array changes
 * but individual message content hasn't changed.
 */
export declare const MessageItem: import("react").MemoExoticComponent<({ message, terminalWidth, showReasoning }: MessageItemProps) => import("react/jsx-runtime").JSX.Element>;
export {};
//# sourceMappingURL=MessageItem.d.ts.map