import { jsx as _jsx } from "react/jsx-runtime";
import { Box, Text } from 'ink';
import { Colors } from '../../colors.js';
/**
 * 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 const ThinkingBlockDisplay = ({ block, visible = true, }) => {
    // @requirement REQ-THINK-UI-003 - Toggle via visible prop
    if (!visible) {
        return null;
    }
    // @requirement REQ-THINK-UI-002 - Visual styling
    // Empty thought handling - render nothing if thought is empty
    if (!block.thought || block.thought.trim() === '') {
        return _jsx(Box, {});
    }
    return (_jsx(Box, { flexDirection: "column", marginTop: 0, marginBottom: 1, paddingX: 1, children: _jsx(Text, { italic: true, color: Colors.DimComment, children: block.thought }) }));
};
//# sourceMappingURL=ThinkingBlockDisplay.js.map