import { Placement } from "../../../types/variables.mjs";
import { FC, FocusEventHandler, MouseEventHandler, PropsWithChildren, ReactElement, RefCallback } from "react";
//#region src/components/overlays/tooltip/tooltip.d.ts
type TooltipTriggerProps = {
  ref: RefCallback<HTMLElement>;
  onMouseEnter: MouseEventHandler<HTMLElement>;
  onMouseLeave: MouseEventHandler<HTMLElement>;
  onFocus: FocusEventHandler<HTMLElement>;
  onBlur: FocusEventHandler<HTMLElement>;
  'aria-describedby'?: string;
};
declare const Tooltip: {
  readonly Root: FC<PropsWithChildren<{
    placement?: Placement;
    isOpen?: boolean;
    defaultOpen?: boolean;
    onChange?: (isOpen: boolean) => void;
    /** hover で開くまでの猶予(ms)。ポインタが通過しただけの誤表示を防ぐ。 */
    openDelay?: number;
    /**
     * hover が外れてから閉じるまでの猶予(ms)。ブリッジ（隙間の当たり判定）が
     * 守れない「content の中央へ斜めに向かう軌跡」を時間側でカバーする。
     */
    closeDelay?: number;
  }>>;
  readonly Trigger: FC<{
    renderItem: (props: TooltipTriggerProps) => ReactElement;
  }>;
  readonly Content: FC<{
    children?: import("react").ReactNode | undefined;
  }>;
};
//#endregion
export { Tooltip, TooltipTriggerProps };