content: /**
   * @flow
   */
  
  import React from 'react'
  import ReactNative from 'react-native';
  import Modal from 'react-modal';
  
  import AbstractHome from './AbstractHomeView.js';
  import {AppStyles} from '../../../shared';
  
  const {
      View,
      TouchableHighlight,
      Text,
      StyleSheet
  } = ReactNative
  
  var styles = StyleSheet.create(AppStyles);
  
  export default class HomeView extends AbstractHome { 
  
      constructor(props) {
          super(props);             
  
          //Abstract functions
          this._testApiCall = this._testApiCall.bind(this);
      }
  
      render() {
          const INCREMENT_AMOUNT = 2;
          return (
              <View style={[styles.defaultBackgroundColor, { paddingTop: 40, flex: 1 }]}>
                  <Text>Welcome!</Text>
                  <Text> This is the counter state object. This is shared with the web redux counter state: {this.props.counterAmount}  </Text>
                  
  
                  <TouchableHighlight style={{ borderWidth: 1, borderColor: 'black', padding: 5 }} onPress={() => this.props.navigate('/counter')}>
                      <Text> Navigate to Counter </Text>
                  </TouchableHighlight>
                  <TouchableHighlight style={{ borderWidth: 1, borderColor: 'black', padding: 5 }} onPress={() => this._testApiCall('/test')}>
                      <Text> Test API Call </Text>
                  </TouchableHighlight>
              </View>
          )
      }
  
  }
  
  
  