/**
 * Context marker for `<Menu.SubmenuRoot>`. Its sole purpose is to tell a
 * nested `<Menu.Root>` that it is a submenu so it can reduce the prop
 * surface and opt into submenu-specific behaviors.
 */
import { createContext, useContext } from "solid-js";
import type { MenuRootContextValue } from "../root/menu-root-context";

export interface MenuSubmenuRootContextValue {
	parentMenu: MenuRootContextValue<unknown>;
}

export const MenuSubmenuRootContext =
	createContext<MenuSubmenuRootContextValue | null>(null);

export function useMenuSubmenuRootContext(): MenuSubmenuRootContextValue | null {
	return useContext(MenuSubmenuRootContext);
}