import React from 'react';
import { View, Easing, Animated, Dimensions } from 'react-native';
import { Button, Icon } from 'native-base';
import { createStackNavigator } from 'react-navigation';
import Home from '../pages/Home';

const AuthStack = createStackNavigator(
    {
        Home: { screen: Home, navigationOptions: () => ({ title: "G1 Ontario" }) }
    },
    {
        defaultNavigationOptions: {
            headerStyle: {
                backgroundColor: '#236FC7',
                elevation: 0
            },
            headerTintColor: '#fff',
            headerTitleStyle: {
                color: '#fff',
                width: (Dimensions.get('window').width) / 2
            },
            headerRight: (
                <View style={{ flex: 1, flexDirection: 'row' }}>
                    <Button transparent>
                        <Icon name='search' size={25} style={{ color: '#fff' }} />
                    </Button>
                </View>
            ),
        },
        transitionConfig
    });

export default AuthStack;