compound-component-pattern-app.js

import Menu from "./Menu";
import MenuButton from "./MenuButton";
import MenuItem from "./MenuItem";

export default () => (
  <Menu hideButtons>
    <MenuButton text="Exit" action={() => console.log("Exiting")} />
    <MenuButton text="Settings" action={() => console.log("settings")} />
    <MenuItem text="News" />
    <MenuItem text="Serials" />
    <MenuItem text="Sports" />
  </Menu>
);