text: /**
   * Copyright (c) Facebook, Inc. and its affiliates.
   *
   * This source code is licensed under the MIT license found in the
   * LICENSE file in the root directory of this source tree.
   */
  import React from 'react';
  import {useNavbarSecondaryMenu, useThemeConfig} from '@docusaurus/theme-common';
  import Translate from '@docusaurus/Translate';
  
  function SecondaryMenuBackButton(props) {
    return (
      <button {...props} type="button" className="clean-btn navbar-sidebar__back">
        <Translate
          id="theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel"
          description="The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)">
          ← Back to main menu
        </Translate>
      </button>
    );
  } // The secondary menu slides from the right and shows contextual information
  // such as the docs sidebar
  
  export default function NavbarMobileSidebarSecondaryMenu() {
    const isPrimaryMenuEmpty = useThemeConfig().navbar.items.length === 0;
    const secondaryMenu = useNavbarSecondaryMenu();
    return (
      <>
        {/* edge-case: prevent returning to the primaryMenu when it's empty */}
        {!isPrimaryMenuEmpty && (
          <SecondaryMenuBackButton onClick={() => secondaryMenu.hide()} />
        )}
        {secondaryMenu.content}
      </>
    );
  }
  