import type React from 'react';
import type { dia } from '@joint/core';
export type OnCreateHighlighter<Highlighter extends dia.HighlighterView.Options = dia.HighlighterView.Options> = (cellView: dia.ElementView<dia.Element<dia.Element.Attributes, dia.ModelSetOptions>> | dia.LinkView<dia.Link<dia.Link.Attributes, dia.ModelSetOptions>>, element: SVGElement | Record<string, unknown>, highlighterId: string, options: Highlighter) => dia.HighlighterView<Highlighter>;
export interface CustomHighlighterProps<Highlighter extends dia.HighlighterView.Options = dia.HighlighterView.Options> {
    /**
     * Child elements to render inside the highlighter.
     */
    readonly children?: React.ReactNode | null | false;
    /**
     * Callback function should return any highlighter.
     * @param cellView - The cell view to which the highlighter is attached.
     * @param element - The SVG element to which the highlighter is attached.
     * @param highlighterId - The ID of the highlighter.
     * @param options - The options for the highlighter.
     * @returns The created highlighter.
     */
    readonly onCreateHighlighter: OnCreateHighlighter<Highlighter>;
    /**
     * This should be memoized
     */
    readonly options: Highlighter;
    /**
     * If the highlighter is disabled or not.
     */
    readonly isHidden?: boolean;
}
/**
 * Custom highlighter component.
 * Allows to create a custom highlighter.
 * @group Components
 * @example
 * ```tsx
 * import { Highlighter } from '@joint/react'
 * return <Highlighter.Custom />
 * ```
 */
export declare const Custom: React.ForwardRefExoticComponent<CustomHighlighterProps<dia.HighlighterView.Options> & React.RefAttributes<SVGElement>>;