import React$1 from 'react';

declare const EVENT_COMPONENT_TAB_CHANGE = "components.tabs.change";

declare function useUXClick(openEvent: (data: any) => void, closeEvent: (data: any) => void, getData: () => any): (event: React$1.MouseEvent) => void;

interface ScrollDepthOptions {
    thresholds?: number[];
    onDepthReached?: (depth: number) => void;
}
declare function useUXScrollDepth(ref: React$1.RefObject<HTMLElement | null>, options?: ScrollDepthOptions): void;

declare const useUXEvents: () => {
    docs: {
        code: {
            example_change: (args: {
                example: string;
            }) => void;
            tab_change: (args: {
                tab: string;
            }) => void;
            copy: (args: {
                code: string;
            }) => void;
            scroll_100: (args: unknown) => void;
            scroll_depth: (args: {
                depth: number;
            }) => void;
        };
        details: {
            open: (args: {
                label: string;
            }) => void;
            close: (args: {
                label: string;
            }) => void;
        };
        anchor: {
            click: (args: {
                id: string;
            }) => void;
        };
    };
};

/**
 * TODO: not ideal solution cuz sometimes has a bug but currently its enough
 *
 * This hook is used to track the hover and click events of an unreachable element.
 */
declare function useUXUnreachableElementTracker(element: React.RefObject<HTMLElement | null>, hoverCb: () => void, clickCb: () => void): void;

export { EVENT_COMPONENT_TAB_CHANGE, useUXClick, useUXEvents, useUXScrollDepth, useUXUnreachableElementTracker };