types.tsx

/**
 * Learn more about using TypeScript with React Navigation:
 * https://reactnavigation.org/docs/typescript/
 */

import { BottomTabScreenProps } from "@react-navigation/bottom-tabs";
import { CompositeScreenProps, NavigatorScreenParams } from "@react-navigation/native";
import { NativeStackScreenProps } from "@react-navigation/native-stack";

declare global {
	namespace ReactNavigation {
		interface RootParamList extends RootStackParamList {
		}
	}
}

export type RootStackParamList = {
	Root: NavigatorScreenParams<RootTabParamList> | undefined;
	Modal: NavigatorScreenParams<RootTabParamList> | undefined;
	NotFound: undefined;
};

export type RootStackScreenProps<Screen extends keyof RootStackParamList> = NativeStackScreenProps<RootStackParamList,
	Screen>;

export type RootTabParamList = {
	Modal: {
		id: string;
		name: string;
	};
	ResultsShow: { id: string };
	Search: undefined;
};

export type ModalScreenProps<T extends keyof RootTabParamList> =
	CompositeScreenProps<BottomTabScreenProps<RootTabParamList, T>,
		RootStackScreenProps<keyof RootStackParamList>>;

export type RootTabScreenProps<Screen extends keyof RootTabParamList> = CompositeScreenProps<BottomTabScreenProps<RootTabParamList, Screen>,
	NativeStackScreenProps<RootStackParamList>>;

export type ResultsShowScreenProps<T extends keyof RootTabParamList> =
	CompositeScreenProps<BottomTabScreenProps<RootTabParamList, T>,
		RootStackScreenProps<keyof RootStackParamList>>;