| 
				
			 | 
			
			
				@@ -1,13 +1,7 @@ 
			 | 
		
	
		
			
			| 
				1
			 | 
			
				1
			 | 
			
			
				 //@flow 
			 | 
		
	
		
			
			| 
				2
			 | 
			
				
			 | 
			
			
				-import React, { 
			 | 
		
	
		
			
			| 
				3
			 | 
			
				
			 | 
			
			
				-  Component, 
			 | 
		
	
		
			
			| 
				4
			 | 
			
				
			 | 
			
			
				-  PropTypes, 
			 | 
		
	
		
			
			| 
				5
			 | 
			
				
			 | 
			
			
				-} from "react"; 
			 | 
		
	
		
			
			| 
				6
			 | 
			
				
			 | 
			
			
				-import { 
			 | 
		
	
		
			
			| 
				7
			 | 
			
				
			 | 
			
			
				-  Text, 
			 | 
		
	
		
			
			| 
				8
			 | 
			
				
			 | 
			
			
				-  TouchableOpacity, 
			 | 
		
	
		
			
			| 
				9
			 | 
			
				
			 | 
			
			
				-  StyleSheet, 
			 | 
		
	
		
			
			| 
				10
			 | 
			
				
			 | 
			
			
				-} from "react-native"; 
			 | 
		
	
		
			
			| 
				
			 | 
			
				2
			 | 
			
			
				+import React, { Component } from "react"; 
			 | 
		
	
		
			
			| 
				
			 | 
			
				3
			 | 
			
			
				+import PropTypes from "prop-types"; 
			 | 
		
	
		
			
			| 
				
			 | 
			
				4
			 | 
			
			
				+import { Text, TouchableOpacity, StyleSheet } from "react-native"; 
			 | 
		
	
		
			
			| 
				11
			 | 
			
				5
			 | 
			
			
				  
			 | 
		
	
		
			
			| 
				12
			 | 
			
				6
			 | 
			
			
				 const styles = StyleSheet.create({ 
			 | 
		
	
		
			
			| 
				13
			 | 
			
				7
			 | 
			
			
				   root: { 
			 | 
		
	
	
		
			
			| 
				
			 | 
			
			
				@@ -17,22 +11,20 @@ const styles = StyleSheet.create({ 
			 | 
		
	
		
			
			| 
				17
			 | 
			
				11
			 | 
			
			
				     color: "#36f", 
			 | 
		
	
		
			
			| 
				18
			 | 
			
				12
			 | 
			
			
				     borderWidth: 1, 
			 | 
		
	
		
			
			| 
				19
			 | 
			
				13
			 | 
			
			
				     borderColor: "#36f", 
			 | 
		
	
		
			
			| 
				20
			 | 
			
				
			 | 
			
			
				-    fontSize: 12, 
			 | 
		
	
		
			
			| 
				
			 | 
			
				14
			 | 
			
			
				+    fontSize: 12 
			 | 
		
	
		
			
			| 
				21
			 | 
			
				15
			 | 
			
			
				   } 
			 | 
		
	
		
			
			| 
				22
			 | 
			
				16
			 | 
			
			
				 }); 
			 | 
		
	
		
			
			| 
				23
			 | 
			
				17
			 | 
			
			
				  
			 | 
		
	
		
			
			| 
				24
			 | 
			
				18
			 | 
			
			
				 export default class Btn extends Component { 
			 | 
		
	
		
			
			| 
				25
			 | 
			
				19
			 | 
			
			
				   static propTypes = { 
			 | 
		
	
		
			
			| 
				26
			 | 
			
				20
			 | 
			
			
				     onPress: PropTypes.func.isRequired, 
			 | 
		
	
		
			
			| 
				27
			 | 
			
				
			 | 
			
			
				-    label: PropTypes.string.isRequired, 
			 | 
		
	
		
			
			| 
				
			 | 
			
				21
			 | 
			
			
				+    label: PropTypes.string.isRequired 
			 | 
		
	
		
			
			| 
				28
			 | 
			
				22
			 | 
			
			
				   }; 
			 | 
		
	
		
			
			| 
				29
			 | 
			
				
			 | 
			
			
				-  render () { 
			 | 
		
	
		
			
			| 
				
			 | 
			
				23
			 | 
			
			
				+  render() { 
			 | 
		
	
		
			
			| 
				30
			 | 
			
				24
			 | 
			
			
				     const { onPress, label } = this.props; 
			 | 
		
	
		
			
			| 
				31
			 | 
			
				25
			 | 
			
			
				     return ( 
			 | 
		
	
		
			
			| 
				32
			 | 
			
				26
			 | 
			
			
				       <TouchableOpacity onPress={onPress}> 
			 | 
		
	
		
			
			| 
				33
			 | 
			
				
			 | 
			
			
				-        <Text style={styles.root}> 
			 | 
		
	
		
			
			| 
				34
			 | 
			
				
			 | 
			
			
				-          {label} 
			 | 
		
	
		
			
			| 
				35
			 | 
			
				
			 | 
			
			
				-        </Text> 
			 | 
		
	
		
			
			| 
				
			 | 
			
				27
			 | 
			
			
				+        <Text style={styles.root}>{label}</Text> 
			 | 
		
	
		
			
			| 
				36
			 | 
			
				28
			 | 
			
			
				       </TouchableOpacity> 
			 | 
		
	
		
			
			| 
				37
			 | 
			
				29
			 | 
			
			
				     ); 
			 | 
		
	
		
			
			| 
				38
			 | 
			
				30
			 | 
			
			
				   } 
			 |