/**
 * @license
 * Copyright 2025 Vybestack LLC
 * SPDX-License-Identifier: Apache-2.0
 */
/**
 * ThinkingBlockDisplay - Renders a ThinkingBlock with distinct styling
 *
 * @plan:PLAN-20251202-THINKING-UI.P03
 * @plan:PLAN-20251202-THINKING-UI.P05
 * @requirement:REQ-THINK-UI-001 - ThinkingBlock type recognition
 * @requirement:REQ-THINK-UI-002 - Visual styling (italic, shaded background)
 * @requirement:REQ-THINK-UI-003 - Toggle via visible prop
 */
import React from 'react';
import type { ThinkingBlock } from '@vybestack/llxprt-code-core';
export interface ThinkingBlockDisplayProps {
    /** The ThinkingBlock to display */
    block: ThinkingBlock;
    /** Whether to display the block (controlled by reasoning.includeInResponse) */
    visible?: boolean;
}
/**
 * Displays a ThinkingBlock with italic text and shaded background.
 * Visibility controlled by reasoning.includeInResponse setting.
 *
 * Visual style:
 * - Italic text
 * - Slightly shaded background (theme-aware gray)
 * - Small margin for separation from other content
 *
 * @plan:PLAN-20251202-THINKING-UI.P05
 * @requirement:REQ-THINK-UI-002 - Visual styling
 * @requirement:REQ-THINK-UI-003 - Visibility toggle
 */
export declare const ThinkingBlockDisplay: React.FC<ThinkingBlockDisplayProps>;
