diff --git a/src/theme/Navbar/Layout/index.js b/src/theme/Navbar/Layout/index.js deleted file mode 100644 index dbf3a808c66d814420fbd236da30fcda87149065..0000000000000000000000000000000000000000 --- a/src/theme/Navbar/Layout/index.js +++ /dev/null @@ -1,50 +0,0 @@ -import React from 'react'; -import clsx from 'clsx'; -import {useThemeConfig} from '@docusaurus/theme-common'; -import { - useHideableNavbar, - useNavbarMobileSidebar, -} from '@docusaurus/theme-common/internal'; -import NavbarMobileSidebar from '@theme/Navbar/MobileSidebar'; - - - - -function NavbarBackdrop(props) { - return ( - <div - role="presentation" - {...props} - className={clsx('navbar-sidebar__backdrop', props.className)} - /> - ); -} -export default function NavbarLayout({children}) { - - const { - navbar: {hideOnScroll, style}, - } = useThemeConfig(); - const mobileSidebar = useNavbarMobileSidebar(); - const {navbarRef, isNavbarVisible} = useHideableNavbar(hideOnScroll); - return ( - <nav - ref={navbarRef} - className={clsx( - 'navbar', - 'navbar--fixed-top', - hideOnScroll && [ - styles.navbarHideable, - !isNavbarVisible && styles.navbarHidden, - ], - { - 'navbar--dark': style === 'dark', - 'navbar--primary': style === 'primary', - 'navbar-sidebar--show': mobileSidebar.shown, - }, - )}> - {children} - <NavbarBackdrop onClick={mobileSidebar.toggle} /> - <NavbarMobileSidebar /> - </nav> - ); -}