/**
 * `<Menu.SubmenuRoot>` — marker that switches nested `<Menu.Root>` into
 * submenu mode. Mirrors React's `MenuSubmenuRoot`.
 *
 * Renders no DOM element — pure context wrapper. Nested `<Menu.Root>`
 * reads `useMenuSubmenuRootContext()` + the parent's `MenuRootContext`
 * to decide it's a submenu.
 */

import { MenuRoot } from "../root/menu-root.jsx";
import { useMenuRootContext } from "../root/menu-root-context.jsx";
import { MenuSubmenuRootContext } from "./menu-submenu-root-context.jsx";
export function MenuSubmenuRoot(props) {
  const parentMenu = useMenuRootContext();
  const contextValue = {
    parentMenu
  };
  return <MenuSubmenuRootContext value={contextValue}>
			<MenuRoot {...props} />
		</MenuSubmenuRootContext>;
}
export { useMenuSubmenuRootContext } from "./menu-submenu-root-context.jsx";
//# sourceMappingURL=menu-submenu-root.jsx.map