import * as React from 'react'; import { createContext, useContextSelector } from '@fluentui/react-context-selector'; export const MenuContext = createContext(undefined); const menuContextDefaultValue = { open: false, setOpen: ()=>false, checkedValues: {}, onCheckedValueChange: ()=>null, isSubmenu: false, triggerRef: { current: null }, menuPopoverRef: { current: null }, mountNode: null, triggerId: '', openOnContext: false, openOnHover: false, hasIcons: false, hasCheckmarks: false, inline: false, persistOnItemClick: false }; export const MenuProvider = MenuContext.Provider; export const useMenuContext_unstable = (selector)=>useContextSelector(MenuContext, (ctx = menuContextDefaultValue)=>selector(ctx));