@base-ui-components/react/esm/menu/submenu-root/MenuSubmenuRoot.js

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

'use client';

import * as React from 'react';
import { MenuRoot } from "../root/MenuRoot.js";
import { useMenuRootContext } from "../root/MenuRootContext.js";
import { MenuSubmenuRootContext } from "./MenuSubmenuRootContext.js";
import { jsx as _jsx } from "react/jsx-runtime";
export { useMenuSubmenuRootContext } from "./MenuSubmenuRootContext.js";

/**
 * Groups all parts of a submenu.
 * Doesn’t render its own HTML element.
 *
 * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)
 */
export function MenuSubmenuRoot(props) {
  const {
    closeParentOnEsc = false
  } = props;
  const parentMenu = useMenuRootContext().store;
  const contextValue = React.useMemo(() => ({
    parentMenu
  }), [parentMenu]);
  return /*#__PURE__*/_jsx(MenuSubmenuRootContext.Provider, {
    value: contextValue,
    children: /*#__PURE__*/_jsx(MenuRoot, {
      ...props,
      closeParentOnEsc: closeParentOnEsc
    })
  });
}