import type { RefObject } from "react";
import { createRef, useMemo } from "react";


/**
 * Возвращает заданное число предустановленных референсов
 * @returns {RefObject<unknown>[]} Возвращает массив `ref`-объектов заданной длины для работы со списками элементов.
 * @example
 * import { useRefs } from "@delement/ui/utils/react";
 *
 * const App = () => {
 *   const items = [ "one", "two", "three" ];
 *   const refs = useRefs(items.length);
 *
 *   return (
 *     <ul>
 *       { items.map((item, index) => <li key={index} ref={refs[index]}></li>) }
 *     </ul>
 *   )
 * }
 */
export const useRefs = (length: number = 1): RefObject<unknown>[] => {
  return useMemo(() => Array(length)
    .fill("")
    .map(() => createRef()), [ length ]);
};