@redocly/theme/lib/core/hooks/use-mobile-menu.js

Shared UI components lib

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useMobileMenu = useMobileMenu;
const react_1 = require("react");
const react_router_dom_1 = require("react-router-dom");
const hooks_1 = require("../../core/hooks");
function useMobileMenu(initialState = false) {
    const location = (0, react_router_dom_1.useLocation)();
    const [isOpen, setIsOpen] = (0, react_1.useState)(initialState);
    (0, react_1.useEffect)(() => setIsOpen(false), [location.pathname, location.hash]);
    (0, hooks_1.useModalScrollLock)(isOpen);
    const openMobileMenu = () => setIsOpen(true);
    const closeMobileMenu = () => setIsOpen(false);
    return { isOpen, openMobileMenu, closeMobileMenu };
}
//# sourceMappingURL=use-mobile-menu.js.map