@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
28 lines (27 loc) • 982 B
TypeScript
import React from 'react';
import { CustomTokenTypes } from '../../../types/customToken/customToken';
import { TooltipAlignType } from '../types/tooltipAlign';
import { TooltipVariantStylesProps } from '../types/tooltipTheme';
type UseTooltipType<V> = {
labelRef: React.RefObject<HTMLDivElement>;
tooltipRef: React.RefObject<HTMLDivElement>;
variant: V;
onOpenClose?: (open: boolean) => void;
align?: TooltipAlignType;
tooltipAsModal?: boolean;
} & Omit<CustomTokenTypes<TooltipVariantStylesProps>, 'cts' | 'extraCt'>;
type UseTooltipReturnType = {
showTooltip: () => void;
hideTooltip: () => void;
allowFocusOpenTooltip: React.MutableRefObject<boolean>;
open: boolean;
};
/**
* @name useTooltip
* @description
* Hook to handle the tooltip functionality
* @param {UseTooltipType} props
* @returns {UseTooltipReturnType}
*/
export declare const useTooltip: <V>({ align, ...props }: UseTooltipType<V>) => UseTooltipReturnType;
export {};