{"size": 640, "ext": "js", "max_stars_repo_path": "components/InfoCard.js", "max_stars_repo_name": "joatha/weatherApp", "max_stars_repo_stars_event_min_datetime": "2021-01-28T16:38:47.000Z", "max_stars_repo_stars_event_max_datetime": "2021-01-28T16:38:47.000Z", "max_issues_repo_path": "components/InfoCard.js", "max_issues_repo_name": "joatha/weatherApp", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/InfoCard.js", "max_forks_repo_name": "joatha/weatherApp", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.8235294118, "max_line_length": 79, "alphanum_fraction": 0.515625}
import React from 'react';
import {StyleSheet, Text, TouchableOpacity, View} from 'react-native';



const InfoCard = (props) =>{


const styles = StyleSheet.create({
    
      card:{
          alignItems:'center',
          margin:10,
          minWidth:150,
      },
      text:{
          color:'#e8e8e8',
          margin:5,
          marginLeft: 15,
          fontSize:18,
      }
        
    });


    return(
        <View style={styles.card}>
            <Text style={styles.text}>{props.title}</Text>
            <Text style={[styles.text,{color: '#d3d3d3'}]}>{props.value}</Text>
        </View>
    )
}

export default InfoCard