//Modules
import React from 'react'
import { TouchableOpacity, Text } from 'react-native';
import { Actions } from 'react-native-router-flux';

//Components
import { DefaultLayout, Hero } from '../index';

const Home = ({ navigation }) => {
   return (
       <DefaultLayout>
           <Hero HearoHeader="AlfaPrentice"/>
            <TouchableOpacity style = {{ margin: 128 }} >
                <Text onPress={() => navigation.navigate('Search')}>Zoek</Text>
            </TouchableOpacity>
            <TouchableOpacity style = {{ margin: 128 }} >
                <Text>Terug naar login</Text>
            </TouchableOpacity>
      </DefaultLayout>
   )
}
export default Home