import React from "react";
import { ISyntaxHighlighterProps } from "./_types/ISyntaxHighlighterProps";
import { IHighlightNode } from "../../../textFields/syntax/_types/IHighlightNode";
import { LFC } from "../../../_types/LFC";
import { ITextSelection } from "../../../textFields/_types/ITextSelection";
import { ISyntaxHighlighterNodesListenerProps } from "../syntaxField/_types/ISyntaxHighlighterNodesProps";
/**
 * A simple component to render syntax highlighted using a passed highlighter
 */
export declare const SyntaxHighlighter: LFC<ISyntaxHighlighterProps>;
/**
 * A hook to create mouse event listeners to deal with text selection
 * @param textData The nodes and current text selection
 * @param callbacks The callbacks to perform when text is selected/mouse interaction occurs
 * @returns The callbacks to add to the syntax highlighter field and its container
 */
export declare function useTextSelector({ nodes, selection }: {
    nodes: IHighlightNode[];
    selection?: ITextSelection;
}, { onSelectionChange, onMouseDown, onMouseUp, onMouseMove, }: {
    onSelectionChange?: (selection: ITextSelection) => void;
} & ISyntaxHighlighterNodesListenerProps): ISyntaxHighlighterNodesListenerProps & {
    onDragStart: (event: React.MouseEvent<Element, MouseEvent>) => void;
    onDragEnd: (event: React.MouseEvent<Element, MouseEvent>) => void;
};
//# sourceMappingURL=SyntaxHighlighter.d.ts.map