const themes = {
  light: {
    foreground: "#000000",
    background: "#eeeeee"
  },
  dark: {
    foreground: "#ffffff",
    background: "#222222"
  }
};

const ThemeContext = React.createContext(themes.light);

function App() {
  return (
    
      
    
  );
}

function Toolbar(props) {
  return (
    

      
    
  );
}

function ThemedButton() {
  const theme = useContext(ThemeContext);  return (          I am styled by theme context!      );
}