Viewing File: /home/ubuntu/todaykat-frontend-base/node_modules/react-bootstrap/esm/NavbarOffcanvas.js
import * as React from 'react';
import { useContext } from 'react';
import useBreakpoint from '@restart/hooks/useBreakpoint';
import classNames from 'classnames';
import { useBootstrapPrefix } from './ThemeProvider';
import Offcanvas from './Offcanvas';
import NavbarContext from './NavbarContext';
import { jsx as _jsx } from "react/jsx-runtime";
const NavbarOffcanvas = /*#__PURE__*/React.forwardRef(({
className,
bsPrefix,
backdrop,
backdropClassName,
keyboard,
scroll,
placement,
autoFocus,
enforceFocus,
restoreFocus,
restoreFocusOptions,
onShow,
onHide,
onEscapeKeyDown,
onEnter,
onEntering,
onEntered,
onExit,
onExiting,
onExited,
...props
}, ref) => {
const context = useContext(NavbarContext);
bsPrefix = useBootstrapPrefix(bsPrefix, 'offcanvas');
const hasExpandProp = typeof (context == null ? void 0 : context.expand) === 'string';
const shouldExpand = useBreakpoint(hasExpandProp ? context.expand : 'xs', 'up');
return hasExpandProp && shouldExpand ? /*#__PURE__*/_jsx("div", {
ref: ref,
...props,
className: classNames(className, bsPrefix, `${bsPrefix}-${placement}`)
}) : /*#__PURE__*/_jsx(Offcanvas, {
ref: ref,
show: !!(context != null && context.expanded),
bsPrefix: bsPrefix,
backdrop: backdrop,
backdropClassName: backdropClassName,
keyboard: keyboard,
scroll: scroll,
placement: placement,
autoFocus: autoFocus,
enforceFocus: enforceFocus,
restoreFocus: restoreFocus,
restoreFocusOptions: restoreFocusOptions,
onShow: onShow,
onHide: onHide,
onEscapeKeyDown: onEscapeKeyDown,
onEnter: onEnter,
onEntering: onEntering,
onEntered: onEntered,
onExit: onExit,
onExiting: onExiting,
onExited: onExited,
...props
});
});
NavbarOffcanvas.displayName = 'NavbarOffcanvas';
export default NavbarOffcanvas;
Back to Directory
File Manager