import { PropsWithChildren } from 'react';
import { FocusableOptions } from 'react-aria';
export type MakeElementFocusableProps = PropsWithChildren<FocusableOptions<HTMLElement>> & {
    /**
     * React ref to be forwarded to the underlying element
     */
    ref?: React.Ref<HTMLElement>;
};
/**
 * MakeElementFocusable
 * ============================================================
 * A helper component that adds props from `react-aria`s `useFocusable` hook
 * to its child so that it can be used as a trigger element for a `Tooltip`
 *
 * Caveats:
 * - Using non-interactive elements as tooltip triggers is against ARIA best-practices,
 *   it is your responsibility to ensure that the underlying trigger element handles
 *   focus and hover interactions correctly for keyboard-only users
 *
 * Features:
 * - allows forwarding refs to the underlying DOM element
 * - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)
 *
 * Further Context:
 * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)
 * - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)
 * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)
 */
export declare const MakeElementFocusable: {
    ({ ref: forwardedRef, children, ...props }: MakeElementFocusableProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
    displayName: string;
};
