import React, { Component } from 'react';
import {
    createStackNavigator,
    StackNavigator,
    createSwitchNavigator,
    createBottomTabNavigator
} from 'react-navigation';
import Authform from '../Pages/Login/Authform';
import Loginform from '../Pages/Login/Loginform';
import Registerform from '../Pages/Login/Registerform';
import SellerFormReg from '../Pages/Login/SellerFormReg';
import BuyerFormReg from '../Pages/Login/BuyerFormReg';

import ProductPage from '../Pages/Buyer/ProductPage';


import Home from '../Pages/Home';
import Cart from '../Pages/Cart';
import Order from '../Pages/Order';
import MyProfile from '../Pages/MyProfile';

const AuthStackNavigator = createStackNavigator(
    {
        Auth: Authform,
        Login: Loginform,
        Register: Registerform,
        SellerFormReg: SellerFormReg,
        BuyerFormReg: BuyerFormReg,
    },
    {
        initialRouteName: 'Auth',
    },
);

const ProductNavigator = createStackNavigator(
    {
    ProductPage: ProductPage
    },
    {
        initialRouteName: 'Product'
    }
)

const BotNavigator = createBottomTabNavigator({
    Home: {
        screen: Home
    },
    Order: {
        screen: Order
    },
    Cart: {
        screen: Cart
    },
    MyProfile: {
        screen: MyProfile
    },
},

{
    animationEnabled: true,
    swipeEnabled:true,
    tabBarOptions:{
        showIcon : true,
        inactiveTintColor: 'rgb(0,0,22)',
        activeTintColor: 'rgb(71, 73, 76)',
        activeBackgroundColor: 'rgb(201, 202, 204)',
        labelStyle:{
            fontSize: 10,
            fontWeight: 'bold',
        },
        style:{
            backgroundColor:'rgb(237, 238, 239)',
            height:60,

        }
    },
});

const AppNavigator = createSwitchNavigator({
    Auth: AuthStackNavigator,
    Router: BotNavigator,
    Product: ProductNavigator,
});


export default class App extends Component {

    render() {
        return <BotNavigator />
    }
}