App.tsx

import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import HomeScreen from "./screens/HomeScreen";
import OnbordingScreen from "./screens/OnbordingScreen";
import OtpScreen from "./screens/OtpScreen";
import DashboardScreen from "./screens/DashboardScreen";
import { PaperProvider } from "react-native-paper";
import ReportScreen from "./screens/ReportScreen";
import VoteScreen from "./screens/VotesScreen";
//import { ClerkProvider } from "@clerk/clerk-expo";
import Constants from "expo-constants";
import SuccessScreen from "./screens/SuccessScreen";
// import TopAppBar from "./components/TopAppBar";

type RootStackParamList = {
  HomeScreen: undefined;
  OnboardingScreen: undefined;
  OtpScreen: undefined;
  DashboardScreen: undefined;
  ReportScreen: undefined;
  VotesScreen: undefined;
  SuccessScreen: undefined;
};

const Stack = createNativeStackNavigator();

const options = {
  headerStyle: {
    backgroundColor: "#f4d41e",
  },
  headerTitleStyle: {
    // color: "#fff",
  },
};

export default function App() {
  return (
    <>
      <PaperProvider>
        <NavigationContainer>
          <Stack.Navigator initialRouteName="HomeScreen">
            <Stack.Screen
              name="HomeScreen"
              component={HomeScreen}
              options={{ title: "Welcome to Sahakshak", ...options }}
            />
            <Stack.Screen
              name="OnboardingScreen"
              component={OnbordingScreen}
              options={{ title: "Login", ...options }}
            />
            <Stack.Screen
              name="OtpScreen"
              component={OtpScreen}
              options={{ title: "Enter OTP Here", ...options }}
            />
            <Stack.Screen
              name="DashboardScreen"
              component={DashboardScreen}
            />
            <Stack.Screen
              name="ReportScreen"
              component={ReportScreen}
              options={{ title: "Case Report", ...options }}
            />
            <Stack.Screen
              name="VotesScreen"
              component={VoteScreen}
              options={{ title: "Votes", ...options }}
            />
          </Stack.Navigator>
          <Stack.Screen
            name="SuccessScreen"
            component={SuccessScreen}
            options={{ ...options }}
          />
        </NavigationContainer>
      </PaperProvider>
    </>
  );
}

export { RootStackParamList };