@kubit-ui-web/react-components/dist/cjs/components/breadcrumbs/utils/useIsOverflow.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
//vendors
const react_1 = __importDefault(require("react"));
const useIsOverflow = () => {
    const [isOverflow, setIsOverflow] = react_1.default.useState(false);
    const innerRef = react_1.default.useRef(null);
    react_1.default.useEffect(() => {
        const element = innerRef.current;
        if (!element) {
            return () => null;
        }
        const getOverflow = () => {
            const hasOverflow = element.offsetWidth > window.innerWidth;
            setIsOverflow(hasOverflow);
        };
        getOverflow();
        window.addEventListener('resize', getOverflow);
        return () => window.removeEventListener('resize', getOverflow);
    }, []);
    return { innerRef, isOverflow };
};
/**
 * @description
 * Hook to check if the element is overflow
 * @param {React.MutableRefObject<HTMLElement | null>} ref - Ref of the element.
 * @returns {boolean} - Return if the element is overflow.
 * @example
 * const {innerRef, isOverflow} = useIsOverflow();
 */
exports.default = useIsOverflow;
//# sourceMappingURL=useIsOverflow.js.map