reverted changes to files that aren't apart of the #13 issue

src/components/Button.jsx

@@ -57,13 +57,7 @@ class Button extends React.Component {
         onPress={onPress}
         accessibilityLabel={accessibilityLabel}
       >
-        <Text
+        <Text style={[styles.text, main && styles.textMain, disabled && styles.textDisabled]}>
-          style={[
-            styles.text,
-            main && styles.textMain,
-            disabled && styles.textDisabled,
-          ]}
-        >
           {title}
         </Text>
       </TouchableHighlight>

src/components/SearchInput.jsx

@@ -5,10 +5,11 @@ import {
   StyleSheet,
   Text,
   View,
-  TextInput,
   TouchableOpacity,
 } from 'react-native'
 
+import TextInput from './TextInput'
+
 // Theme
 import theme from '../theme'
 
@@ -20,7 +21,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     flexWrap: 'wrap',
     justifyContent: 'center',
-    backgroundColor: colors.main.white.rgb,
     borderRadius: 8,
     marginVertical: 16,
     marginHorizontal: 16,
@@ -37,7 +37,7 @@ const styles = StyleSheet.create({
   },
 })
 
-class SearchInput extends React.Component {
+class SearchInput extends TextInput {
   render() {
     const { text } = this.props
 

src/stories/index.js

@@ -54,6 +54,7 @@ storiesOf('TextInput', module)
         label="Textarea label"
         multiLine={true}
         autoFocus={false}
+        placeholder={'Placeholder'}
       />
     </View>
   ))

src/theme/index.jsx

@@ -10,7 +10,7 @@ export default {
     tera: '32px',
     peta: '40px',
     exa: '48px',
-    zetta: '56px',
+    zetta: '56px'
   },
 
   colors: {