import { HoverObserverProps } from '@bluebase/components';
import React, { SyntheticEvent } from 'react';
export interface HoverObserverState {
    readonly isHovering: boolean;
}
/**
 * # 🛸 HoverObserver
 *
 * A React component that notifies its children of hover interactions.
 *
 * Initial code taken from: https://github.com/ethanselzer/react-hover-observer.
 *
 * ## Usage
 * ```jsx
 * <HoverObserver>
 *  {({ isHovering }) => (
 * 		 <YourChildComponent isActive={isHovering} />
 *  )}
 * </HoverObserver>
 * ```
 */
export declare class HoverObserver extends React.PureComponent<HoverObserverProps, HoverObserverState> {
    static defaultProps: Partial<HoverObserverProps>;
    private timerIds;
    constructor(props: HoverObserverProps);
    onMouseEnter(e: SyntheticEvent): void;
    onMouseLeave(e: SyntheticEvent): void;
    onMouseOver(e: SyntheticEvent): void;
    onMouseOut(e: SyntheticEvent): void;
    componentWillUnmount(): void;
    setIsHovering(): void;
    unsetIsHovering(): void;
    clearTimers(): void;
    render(): React.JSX.Element;
}