import React, { MouseEventHandler } from 'react';
import { MestGenericProps } from "../themes";
type Props = {
    hoverHeightRatio?: number;
    hoverWidthRatio?: number;
    activeOpacity?: number;
} & MestGenericProps;
type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
export type HighlightProps = Props & NativeAttrs;
export type HighlightRef = {
    childrenBinding: {
        'data-highlight-id': string;
    };
    parentBinding: {
        onMouseOver: MouseEventHandler;
        onMouseLeave: MouseEventHandler;
    };
};
export declare const highlightElementDataKey: "data-highlight-id";
export declare const highlightDatasetKey: "highlightId";
export type HighlightDisabledBinding = {
    [key in typeof highlightElementDataKey]: string;
};
export declare const highlightDisabledBinding: HighlightDisabledBinding;
declare const Highlight: React.ForwardRefExoticComponent<{
    hoverHeightRatio?: number | undefined;
    hoverWidthRatio?: number | undefined;
    activeOpacity?: number | undefined;
} & MestGenericProps & NativeAttrs & React.RefAttributes<HighlightRef>>;
export default Highlight;