compound-component-pattern-menu.js

import React from "react";

export const MenuContext = React.createContext({ hideButtons: false });

const Menu = ({ children, hideButtons }) => {
  return (
    <MenuContext.Provider value={{ hideButtons }}>
      {children}
    </MenuContext.Provider>
  );
};

export default Menu;