import { RefObject } from "react";
/**
 * This hook receives a base width of an element and returns how much items fit **vertically** inside the referenced html element
 *
 * @param baseWidth The base width of each element
 */
export default function useElementFit(baseWidth: number, baseHeight?: number): {
    /** The amount of items that are able to fit in the available width */
    howManyItemsFit?: number;
    /** The amount of items that are able to fit in the available visible space + a row more so it can be scrollable */
    howManyItemsFitWithExtraRow?: number;
    /** How many items would fit a single row */
    howManyItemsByRow?: number;
    /** How many items until it overflows width */
    anItemMore?: number;
    /** The ref to be sent to the element that will receive the items */
    ref: RefObject<HTMLDivElement | undefined>;
};
