/**
 * ToolCallCard - Claude Code-style tool execution display
 *
 * Shows tool executions with:
 * - Colored status dot (green/yellow/red)
 * - Tool name and input as description
 * - Condensed output preview with collapsible content
 * - Dimmed by default to reduce visual weight
 */
import React from 'react';
/**
 * Tool execution status
 */
export type ToolCallStatus = 'pending' | 'running' | 'complete' | 'error';
/**
 * Props for the ToolCallCard component
 */
export interface ToolCallCardProps {
    /** Name of the tool (e.g., "read_file", "search_codebase") */
    toolName: string;
    /** Tool execution status */
    status: ToolCallStatus;
    /** Input passed to the tool (e.g., file path, search query) */
    input: string;
    /** Result summary when status is 'complete' */
    output?: string;
    /** Error message when status is 'error' */
    error?: string;
    /** Whether the tool output is expanded (shows preview lines) */
    expanded?: boolean;
    /** Number of preview lines to show when expanded (default: 3) */
    previewLines?: number;
}
/**
 * ToolCallCard component
 *
 * Displays a tool execution in Claude Code style:
 * - Status dot (colored based on status)
 * - Tool name with input as description
 * - Clean output summary with optional preview lines
 * - Dimmed by default for reduced visual weight
 *
 * @example
 * ```tsx
 * <ToolCallCard
 *   toolName="read_file"
 *   status="complete"
 *   input='{"path": "src/utils/config.ts"}'
 *   output='{"content": "...", "lines": 45}'
 *   expanded={true}
 * />
 * // Renders:
 * // ● Read File(src/utils/config.ts) → 45 lines
 * //   │ import { Config } from './types';
 * //   │ export function loadConfig() {
 * //   └ +43 more
 * ```
 */
export declare function ToolCallCard({ toolName, status, input, output, error, expanded, previewLines: maxPreviewLines, }: ToolCallCardProps): React.ReactElement;