import React from 'react';
export interface HandleInterface<T> {
    (node: T): void;
    current?: T;
}
/**
 * 合并处理引用的钩子
 *
 * demo:
 *
 * ```tsx
  import React, { useEffect } from "react";
  import { render } from "react-dom";
  import useMultiRef from "sinoui-components/utils/useMultiRef";
  
  interface Props {
    children: React.ReactNode;
    innerRef?: React.Ref<HTMLButtonElement>;
  }
  
  const Button = React.forwardRef(function Button(
    props: Props,
    ref?: React.Ref<HTMLButtonElement>
  ) {
    const buttonRef = useMultiRef(props.innerRef, ref);
  
    useEffect(() => {
      console.log(`获取到的DOM元素引用为`, buttonRef.current);
    }, []);
  
    return <button ref={buttonRef} />;
  });
  
  function handleButtonRef(button: HTMLButtonElement) {
    console.log("通过ref引用到的元素", button);
  }
  
  function handleButtonInnerRef(button: HTMLButtonElement) {
    console.log("通过innerRef引用的元素", button);
  }
  
  render(
    <Button innerRef={handleButtonInnerRef} ref={handleButtonRef}>
      这是一个按钮
    </Button>,
    document.getElementById("root")
  );
 * ```
 *
 * @param refs 需要合并处理的引用
 */
declare function useMultiRef<T>(...refs: React.Ref<T>[]): HandleInterface<T>;
export default useMultiRef;