// src/navigation/AppNavigator.tsx
import React from "react";
import { createStackNavigator } from "@react-navigation/stack";
import { NavigationContainer } from "@react-navigation/native";
import HomeScreen from "../screens/HomeScreen";
import ProductListBig from "../screens/product/ProductListBig";
import ProductList from "../screens/product/ProductList";
import ProductDetail from "../screens/product/ProductDetail";
import Buildpc from "../screens/buildpc/Buildpc";
import CompareBuildpc from "../screens/buildpc/CompareBuildpc";
import BuildpcDeail from "../screens/buildpc/BuildpcDetail";
import HomeShop from "../screens/shop/HomeShop";
import DetailShop from "../screens/shop/DetailShop";
import HomeRepairAddress from "../screens/repair_address/HomeRepairAddress";
import DetailRepairAddress from "../screens/repair_address/DetailRepairAddress";

const Stack = createStackNavigator();

const AppNavigator: React.FC = () => {
  return (
    <Stack.Navigator
      initialRouteName="homepage"
      screenOptions={{ headerShown: false }}
    >
      <Stack.Screen name="homepage" component={HomeScreen} />
      <Stack.Screen name="productlist" component={ProductListBig} />
      <Stack.Screen name="productlistmain" component={ProductList} />
      <Stack.Screen name="productdetail" component={ProductDetail} />
      <Stack.Screen name="buildpc" component={Buildpc} />
      <Stack.Screen name="comparebuildpc" component={CompareBuildpc} />
      <Stack.Screen name="buildpcdetail" component={BuildpcDeail} />
      <Stack.Screen name="classifieds" component={HomeShop} />
      <Stack.Screen name="detailshop" component={DetailShop} />
      <Stack.Screen name="repairaddress" component={HomeRepairAddress} />
      <Stack.Screen name="detailrepair" component={DetailRepairAddress} />
    </Stack.Navigator>
  );
};

export default AppNavigator;
