import * as React from "react";
export interface ClickableProps {
    /**
     * Children should be a HTML element.
     */
    children: React.ReactElement<HTMLElement> & React.ReactNode;
    /**
     * Action is a event handler for the onClick and onKeyDown events
     */
    action?: (event?: React.SyntheticEvent<HTMLElement>) => void;
    /**
     * The tabIndex is passed down and is the same as the native tabIndex
     */
    tabIndex?: number | string;
    /**
     * ARIA role of the clickable element
     */
    role?: string;
    /**
     * Whether or not to reset the :focus outline style
     */
    disableFocusOutline?: boolean;
    /**
     * Human-readable selector used for writing tests
     */
    "data-cy"?: string;
}
export declare const Clickable: ({ tabIndex, role, disableFocusOutline, children, action, "data-cy": dataCy }: ClickableProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
declare const _default: ({ tabIndex, role, disableFocusOutline, children, action, "data-cy": dataCy }: ClickableProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
export default _default;