import React, { HTMLAttributes, ReactChild } from 'react';
export type HoverableProps = HTMLAttributes<HTMLElement> & {
    /** parent element tagName ex. `div`  default is `div` */
    as?: keyof HTMLElementTagNameMap;
    children: ReactChild | ReactChild[] | ((isHovered: boolean) => ReactChild) | ((isHovered: boolean) => ReactChild[]);
    disabled?: boolean;
    /**
     * listen to on hover events
     */
    onHover?(isHovered: boolean): void;
};
export declare const Hoverable: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
    /** parent element tagName ex. `div`  default is `div` */
    as?: keyof HTMLElementTagNameMap;
    children: React.ReactChild | React.ReactChild[] | ((isHovered: boolean) => ReactChild) | ((isHovered: boolean) => ReactChild[]);
    disabled?: boolean;
    /**
     * listen to on hover events
     */
    onHover?(isHovered: boolean): void;
} & React.RefAttributes<HTMLElement>>>;
