import React from 'react';
import { Feature } from '@common-stack/client-react';
import { createStackNavigator } from '@react-navigation/stack';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { Drawer, Header, Sample } from '../../components';
import { ProLayout } from './ProLayout';

export const appDrawerConfig = {
    ['/']: {
        exact: false,
        container: createStackNavigator(),
        name: 'MainStack',
        props: {
            initialRouteName: 'MainStack.MainDrawer',
            screenOptions: {
                headerShown: false,
            },
        },
    },
    ['//main_drawer']: {
        exact: false,
        container: createDrawerNavigator(),
        name: 'MainDrawer',
        props: {
            initialRouteName: 'MainStack.MainDrawer.Home',
            drawerContent: (props: any) => (
                <Drawer
                    {...props}
                    title={'ClockBook'}
                    titleColor={'black'}
                    logout={true}
                    redirect={'MainStack.Login'}
                />
            ),
            screenOptions:(options:any) =>{
                    
                return{
                    headerShown:false,
                    drawerIcon: 'grid',
                }
            }
        },
    },
    // ['//main_drawer/home']: {
    //     exact: false,
    //     name: 'Home',
    //     auth: true,
    //     props: {
    //         initialParams: { orgName: null },
    //         component: ProLayout,
    //         options: {
    //             headerShown: true,
    //             title: 'Home',
    //             header: (props: any) => <Header showToggle={true} right={true} {...props} />,
    //             drawerIcon: 'grid',
    //         },
    //     },
    // },
};
