import * as React from 'react';
interface DOMAttrs {
    onMouseDown?: React.MouseEventHandler;
    onMouseUp?: React.MouseEventHandler;
    onMouseOver?: React.MouseEventHandler;
    onMouseEnter?: React.MouseEventHandler;
    onMouseMove?: React.MouseEventHandler;
    onMouseLeave?: React.MouseEventHandler;
    onClick?: React.MouseEventHandler;
    ref?: React.Ref<HTMLElement>;
    onKeyDown?: React.KeyboardEventHandler;
    onKeyUp?: React.KeyboardEventHandler;
    tabIndex?: number;
}
export interface UseClickableProps extends DOMAttrs {
    /** If `true`, the element will be disabled. It will set the `disabled` HTML attribute */
    disabled?: boolean;
    /** If `true` and disabled, the element will have only `aria-disabled` set to `true` */
    focusable?: boolean;
    /**  Whether or not trigger click on pressing `Enter` */
    clickOnEnter?: boolean;
    /** Whether or not trigger click on pressing `Space`. */
    clickOnSpace?: boolean;
}
/**
 * useClickable
 *
 * React hook that implements all the interactions of a native `button`
 * component with support for making it focusable even if it's disabled.
 *
 * It can be used with both native button elements or other elements (like `div`).
 */
export declare function useClickable(props?: UseClickableProps): {
    ref: (node: any) => void;
    type: "button" | "submit" | "reset" | undefined;
    'aria-disabled': boolean | undefined;
    disabled: boolean | undefined;
    onClick: (event: React.MouseEvent) => void;
    onMouseDown: React.MouseEventHandler<Element> | undefined;
    onMouseUp: React.MouseEventHandler<Element> | undefined;
    onKeyUp: React.KeyboardEventHandler<Element> | undefined;
    onKeyDown: React.KeyboardEventHandler<Element> | undefined;
    onMouseOver: React.MouseEventHandler<Element> | undefined;
    onMouseEnter?: React.MouseEventHandler<Element> | undefined;
    onMouseMove?: React.MouseEventHandler<Element> | undefined;
    onMouseLeave?: React.MouseEventHandler<Element> | undefined;
} | {
    ref: (node: any) => void;
    role: string;
    'data-active': import("utils").Booleanish;
    'aria-disabled': boolean;
    tabIndex: number | undefined;
    onClick: (event: React.MouseEvent) => void;
    onMouseDown: (event: React.MouseEvent) => void;
    onMouseUp: (event: React.MouseEvent) => void;
    onKeyUp: (event: React.KeyboardEvent) => void;
    onKeyDown: (event: React.KeyboardEvent) => void;
    onMouseOver: (event: React.MouseEvent) => void;
    onMouseEnter?: React.MouseEventHandler<Element> | undefined;
    onMouseMove?: React.MouseEventHandler<Element> | undefined;
    onMouseLeave?: React.MouseEventHandler<Element> | undefined;
};
export declare type UseClickableReturn = ReturnType<typeof useClickable>;
export {};