import React from "react";

export default context => {
  const Text = require("components/Text").default(context);
  const View = require("components/View").default(context);

  const ThemeViewer = () => (
    <View>
      <View>
        <Text>Primary</Text>
        <Text secondary>Secondary</Text>
      </View>
      <View primary>
        <Text primaryOnPrimary>Primary on Primary</Text>
        <Text secondaryOnPrimary>Secondary on Primary</Text>
      </View>
      <View secondary>
        <Text primaryOnSecondary>Primary on Secondary</Text>
        <Text secondaryOnSecondary>Secondary on Secondary</Text>
      </View>
    </View>
  );
  return ThemeViewer;
};

@@ -267,26 +267,108 @@
   %3CText 
-secondary%3E
+bold%3EBold%3C/Text%3E%0A        %3CText secondary%3ESecondary%3C/Text%3E%0A        %3CText secondary bold%3EBold 
 Secondar
@@ -486,217 +486,511 @@
 ext 
-secondaryOnPrimary%3ESecondary on Primary%3C/Text%3E%0A      %3C/View%3E%0A      %3CView secondary%3E%0A        %3CText primaryOnSecondary%3EPrimary on Secondary%3C/Text%3E%0A        %3CText secondaryOnSecondary%3ESecondary on Secondary%3C/Text%3E
+primaryOnPrimary bold%3EBold Primary on Primary%3C/Text%3E%0A        %3CText secondaryOnPrimary%3ESecondary on Primary%3C/Text%3E%0A        %3CText secondaryOnPrimary bold%3EBold Secondary on Primary%3C/Text%3E%0A      %3C/View%3E%0A      %3CView secondary%3E%0A        %3CText primaryOnSecondary%3EPrimary on Secondary%3C/Text%3E%0A        %3CText primaryOnSecondary bold%3EBold Primary on Secondary%3C/Text%3E%0A        %3CText secondaryOnSecondary%3ESecondary on Secondary%3C/Text%3E%0A        %3CText secondaryOnSecondary bold %3EBold Secondary on Secondary%3C/Text%3E%0A        
 %0A   

add bold example