import React from 'react';
import { DefaultTheme, NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { HomeNavigator } from './home.navigator';
// import { View, Button, Text } from 'react-native';
// import { HomeDrawer } from '../scenes/home/home-drawer.component';
const Drawer = createDrawerNavigator();
const navigatorTheme = {
  ...DefaultTheme,
  colors: {
    ...DefaultTheme.colors,
    // prevent layout blinking when performing navigation
    background: 'transparent',
  },
};

export const AppNavigator = (): React.ReactElement => (
  <NavigationContainer theme={navigatorTheme}>
    <HomeNavigator/>
  </NavigationContainer>
);

// function HomeScreen({ navigation }) {
//   return (
//     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
//       <Text>Home Screen</Text>
//       <Button
//         title="Go to Details"
//         onPress={() => navigation.navigate('Details')}
//       />
//     </View>
//   );
// }
// function DetailsScreen() {
//   return (
//     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
//       <Text>Details Screen</Text>
//     </View>
//   );
// }

//  const HomeNavigator2 = (): React.ReactElement => (
//   <Drawer.Navigator
//     screenOptions={{ gestureEnabled: false }}
//     drawerContent={props => <HomeDrawer {...props} />}>
//     <Drawer.Screen name='Home' component={HomeScreen} />
//     <Drawer.Screen name='Libraries' component={DetailsScreen} />
//   </Drawer.Navigator>
// );