import { StatusBar } from "expo-status-bar";
import { StyleSheet, ScrollView } from "react-native";
import { SafeAreaProvider } from "react-native-safe-area-context";
import { NavigationContainer } from "@react-navigation/native";
import {
  createStackNavigator,
  StackScreenProps,
} from "@react-navigation/stack";
import {
  createDrawerNavigator,
  DrawerItemList,
  DrawerItem,
  DrawerContentScrollView,
} from "@react-navigation/drawer";

import Header from "./src/components/header/Header";
import Footer from "./src/components/footer/Footer";
import HomePage from "./src/screens/HomeScreen";

export default function App() {
  return (
    <SafeAreaProvider>
      <Header />
      <NavigationContainer>
        <AllPage />
      </NavigationContainer>
      {/* <Footer /> */}
    </SafeAreaProvider>
  );
}
const Drawer = createDrawerNavigator();
const Stack = createStackNavigator();

const AllPage = () => {
  return (
    <Stack.Navigator
      initialRouteName="homepage"
      screenOptions={{
        headerShown: false, // Ẩn header cho tất cả màn hình
      }}
    >
      <Stack.Screen name="homepage" component={HomePage} />
    </Stack.Navigator>
  );
};

const styles = StyleSheet.create({
  container: {
    marginLeft: "auto",
    marginRight: "auto",
    maxWidth: 480,
  },
});