import { PropsWithChildren, createContext, useContext } from 'react';

const MenuRenderAreaContext = createContext<boolean>(false);

/** Render area in which ToolbarButton is rendered as MenuItem */
export function MenuRenderArea(props: PropsWithChildren) {
  return <MenuRenderAreaContext.Provider value={true}>{props.children}</MenuRenderAreaContext.Provider>;
}

export function useIsMenuRenderArea() {
  return useContext(MenuRenderAreaContext);
}