Add another component that accepts context

Author: pkodmad

examples/theme-example/index.js

@@ -1,11 +1,12 @@
 //@flow
 import React from "react";
 import { render } from "react-dom";
-import { ThemeToggler, Title } from "./theme-context";
+import { ThemeToggler, Title, Emoji } from "./theme-context";
 
 const App = () => (
  <ThemeToggler>
  <Title>Really cool context</Title>
+ <Emoji />
  </ThemeToggler>
 );
 

examples/theme-example/theme-context.js

@@ -46,3 +46,24 @@ export class Title extends React.Component<{ children: Node }> {
  );
  }
 }
+
+export class Emoji extends React.Component<{ children: Node }> {
+ render() {
+ return (
+ <ThemeContext.Consumer>
+ {theme => (
+ <div
+ style={{
+ fontSize: "35px",
+ background: "white",
+ height: "40px",
+ width: "40px"
+ }}
+ >
+ {theme === "light" ? "⚡️" : "🕶"}
+ </div>
+ )}
+ </ThemeContext.Consumer>
+ );
+ }
+}