import { Node } from "@tiptap/core";
import type { Content, JSONContent } from "@tiptap/core";
import type { NodeViewProps } from "@tiptap/react";
import * as React from "react";
/**
 * Simple variable icon for the chip
 */
export declare const VariableChipIcon: React.FC<{
    color?: string;
}>;
/**
 * Standalone variable view component with editing support
 * Used in VariableInput and VariableTextarea components
 */
export declare const SimpleVariableView: React.FC<NodeViewProps>;
/**
 * Custom VariableNode that uses SimpleVariableView
 * Used in VariableInput and VariableTextarea components
 */
export declare const SimpleVariableNode: Node<any, any>;
/**
 * Parses a string with {{variable}} syntax into TipTap JSON content
 */
export declare function parseStringToContent(text: string): Content;
/**
 * Converts TipTap JSON content back to string with {{variable}} syntax
 */
export declare function contentToString(doc: JSONContent): string;
/**
 * Base props shared between VariableInput and VariableTextarea
 */
export interface VariableEditorBaseProps {
    /** The current value with {{variable}} syntax */
    value?: string;
    /** Called when the value changes */
    onChange?: (value: string) => void;
    /** Placeholder text */
    placeholder?: string;
    /** Additional CSS classes */
    className?: string;
    /** Whether the input is disabled */
    disabled?: boolean;
    /** Called when the input gains focus */
    onFocus?: () => void;
    /** Called when the input loses focus */
    onBlur?: () => void;
}