import { RouteProp, useNavigation, useRoute } from "@react-navigation/core";
import { HomeNavRoutes, MainRoutes, Tab2NavRoutes, Tab3NavRoutes, TabNavRoutes } from "./Navigation";
import { NativeStackNavigationProp } from "@react-navigation/native-stack";
import { CompositeNavigationProp } from "@react-navigation/native";
import { BottomTabNavigationProp } from "@react-navigation/bottom-tabs";

export type MainNavProp = NativeStackNavigationProp<MainRoutes>;
export const useMainNavigation = () => useNavigation<MainNavProp>();
export const useMainRoute = <T extends keyof MainRoutes>() => useRoute<RouteProp<MainRoutes, T>>();

type HomeNavProp = CompositeNavigationProp<
  NativeStackNavigationProp<HomeNavRoutes>,
  CompositeNavigationProp<
    BottomTabNavigationProp<TabNavRoutes, "Tab1">,
    NativeStackNavigationProp<MainRoutes>
  >
>;
export const useHomeNavNavigation = () => useNavigation<HomeNavProp>();
export const useHomeNavRoute = <T extends keyof HomeNavRoutes>() => useRoute<RouteProp<HomeNavRoutes, T>>();

type Tab2Prop = CompositeNavigationProp<
  NativeStackNavigationProp<Tab2NavRoutes>,
  CompositeNavigationProp<
    BottomTabNavigationProp<TabNavRoutes, "Tab2">,
    NativeStackNavigationProp<MainRoutes>
  >
>;
export const useTab2Navigation = () => useNavigation<Tab2Prop>();
export const useTab2Route = <T extends keyof Tab2NavRoutes>() => useRoute<RouteProp<Tab2NavRoutes, T>>();

type Tab3Prop = CompositeNavigationProp<
  NativeStackNavigationProp<Tab3NavRoutes>,
  CompositeNavigationProp<
    BottomTabNavigationProp<TabNavRoutes, "Tab3">,
    NativeStackNavigationProp<MainRoutes>
  >
>;
export const useTab3Navigation = () => useNavigation<Tab3Prop>();
export const useTab3Route = <T extends keyof Tab3NavRoutes>() => useRoute<RouteProp<Tab3NavRoutes, T>>();