import * as React from 'react';
import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';

export default function Home(props) {
  return (
    <View style={styles.cont}>
      <TouchableOpacity style={styles.btn} onPress={() => props.navigation.navigate("main")}><Text style={styles.h1}>Geo App</Text></TouchableOpacity>
      <Text style={styles.span}>Find and save your position</Text>
      <Text style={styles.span}>Use map</Text>
    </View>
  )
}

const styles = StyleSheet.create({
  cont: {
    flexDirection: "column",
    marginTop: 10,
    paddingTop: 10,
    backgroundColor: "#3D54BB",
    justifyContent: "center",
    alignItems: "center",
    height: "100%",
  },
  btn: {
    margin: 15,
  },
  h1: {
    color: "white",
    fontSize: 60,
    fontWeight: "bold",
  },
  span: {
    color: "white",
    fontSize: 22,
  }
})