{"size": 1446, "ext": "js", "max_stars_repo_path": "common/components/aboveGame.js", "max_stars_repo_name": "jfleagl12/2048_gameclone", "max_stars_repo_stars_event_min_datetime": "2016-10-19T08:04:28.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-22T06:39:33.000Z", "max_issues_repo_path": "common/components/aboveGame.js", "max_issues_repo_name": "jfleagl12/2048_gameclone", "max_issues_repo_issues_event_min_datetime": "2016-01-11T11:20:44.000Z", "max_issues_repo_issues_event_max_datetime": "2016-03-21T01:31:06.000Z", "max_forks_repo_path": "common/components/aboveGame.js", "max_forks_repo_name": "arora-yash/Classic-2048-Game", "max_forks_repo_forks_event_min_datetime": "2016-12-17T09:57:57.000Z", "max_forks_repo_forks_event_max_datetime": "2022-01-03T01:49:31.000Z"}
{"max_stars_count": 60, "max_issues_count": 9, "max_forks_count": 33, "avg_line_length": 23.3225806452, "max_line_length": 65, "alphanum_fraction": 0.632780083}
import {
  View,
  Text,
  StyleSheet,
  TouchableWithoutFeedback,
} from 'react-native'
import React from 'react'
	
import Dimensions from '../utils/dimensions'
const {height, width} = Dimensions.get('window')

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    flexWrap: 'nowrap',
    marginTop: Dimensions.size["5"],
    marginBottom: Dimensions.size["5"],
  },
  textContainer: {
    flex: 1,
    marginRight: Dimensions.size["4"],
  },
  text:{
    color: '#776E65',
    fontSize: Dimensions.size["6"],
    lineHeight: Dimensions.size["8"],
  },
  boldText:{
   fontWeight: 'bold',
  },
  newGameContainer:{
    backgroundColor: '#8f7a66',
    paddingHorizontal: Dimensions.size["4"],
    paddingVertical: Dimensions.size["4"],
    borderRadius: Dimensions.size["2"],
  },
  newGame:{
    color: '#fff',
    fontSize: Dimensions.size["6"],
	lineHeight: Dimensions.size["8"]
  }
})

const AboveGame = (props) => {
  return (
    <View style={styles.container}>
      <View style={styles.textContainer}>
        <Text style={styles.text}>Join the numbers and get to the
          <Text style={styles.boldText}> 2048 tile!</Text>
        </Text>
      </View>
      <TouchableWithoutFeedback onPress={props.onRestart}>
        <View style={styles.newGameContainer}>
          <Text style={styles.newGame}>New Game</Text>
        </View>
      </TouchableWithoutFeedback>
    </View>
  )
}

export default AboveGame
