react-responsive-pagination/dist/hooks/useAvailableWidth.js

React component for responsive pagination

import { useState } from 'react';
import { useContentWidth } from "./useContentWidth.js";
export function useAvailableWidth(overrideWidth) {
    const [element, setElement] = useState(null);
    const parentElement = element?.parentElement ?? undefined;
    const width = useContentWidth(overrideWidth === undefined ? parentElement : undefined);
    return {
        width: overrideWidth ?? width,
        ref: setElement,
    };
}