import { MarkdownEditorCodeTheme } from './types';
/**
 * Syntax colours for code blocks, drawn with the CSS Custom Highlight API.
 *
 * The colours are ranges over a block's own text nodes, not spans, so the
 * surfaces go on editing, mapping and serializing exactly the DOM they
 * rendered. shiki loads with the first code block, then a theme and a grammar
 * at a time; a block is coloured again on the frame after its text changes,
 * and until then the live ranges follow the edit. A preset also gives the
 * blocks its theme's background and text colour.
 *
 * Without `CSS.highlights`, code keeps the editor's own colours.
 */
export interface MarkdownCodeHighlightOptions {
    /** The surfaces whose code blocks are coloured. */
    roots: () => Array<HTMLElement | null | undefined>;
    theme: () => 'light' | 'dark';
    codeTheme: () => MarkdownEditorCodeTheme;
}
export declare function useMarkdownCodeHighlight(options: MarkdownCodeHighlightOptions): {
    style: import('vue').ShallowRef<Record<string, string>, Record<string, string>>;
};