/**
 * ActionOutput - Claude Code-style action output preview
 *
 * Shows tool/action executions with:
 * - Status indicator (colored dot)
 * - Action name and brief description
 * - Collapsible output preview with line count
 */
import React from 'react';
/**
 * Action execution status
 */
export type ActionStatus = 'running' | 'success' | 'error';
/**
 * Props for the ActionOutput component
 */
export interface ActionOutputProps {
    /** Name of the action (e.g., "Read", "Search", "List") */
    actionName: string;
    /** Brief description of what the action did */
    description: string;
    /** Action execution status */
    status: ActionStatus;
    /** Full output content (may be multi-line) */
    output?: string;
    /** Error message when status is 'error' */
    error?: string;
    /** Number of preview lines to show when collapsed (default: 3) */
    previewLines?: number;
    /** Whether this action is focused for expansion */
    isFocused?: boolean;
}
/**
 * ActionOutput component
 *
 * Displays an action execution in Claude Code style:
 * - Status dot (colored based on status)
 * - Action name with description
 * - Indented output preview
 * - Expansion hint if output is truncated
 *
 * @example
 * ```tsx
 * <ActionOutput
 *   actionName="Read"
 *   description="src/utils/config.ts"
 *   status="success"
 *   output="const config = {...}\n// 45 lines"
 *   previewLines={3}
 * />
 * // Renders:
 * // ● Read(src/utils/config.ts)
 * //   const config = {...}
 * //   // 45 lines
 * //   ... +42 lines (ctrl+o to see all)
 * ```
 */
export declare function ActionOutput({ actionName, description, status, output, error, previewLines, isFocused, }: ActionOutputProps): React.ReactElement;
/**
 * Props for the ActionList component
 */
export interface ActionListProps {
    /** List of actions to display */
    actions: Array<{
        id: string;
        actionName: string;
        description: string;
        status: ActionStatus;
        output?: string;
        error?: string;
    }>;
    /** Maximum preview lines per action */
    previewLines?: number;
}
/**
 * ActionList component
 *
 * Displays a list of actions with their outputs.
 */
export declare function ActionList({ actions, previewLines, }: ActionListProps): React.ReactElement;