import React from 'react'
import {View, Text, StyleSheet} from 'react-native'
import PresentationalComponent from './PresentationalComponent'

class HelloWorldApp extends React.Component {
  state = {
    name: "Qhobeey Martison",
    age: 30
  }
  updateName = () => {
    this.setState({name: "kofi Manu"})
  }
  render() {
    return (
      <View>
        <PresentationalComponent name={this.state.name} updateName={this.updateName} />
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'green'
  }
});

export default HelloWorldApp