import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { WorkoutStackParamList } from "./types";
import { WorkoutListScreen } from "../features/workout-builder/screens/WorkoutListScreen";
import { BuilderScreen } from "../features/workout-builder/screens/BuilderScreen";
import { PreSwimScreen } from "../features/active-workout/screens/PreSwimScreen";

const Stack = createNativeStackNavigator<WorkoutStackParamList>();

export function WorkoutNavigator() {
  return (
    <Stack.Navigator
      screenOptions={{
        headerStyle: { backgroundColor: "#0ea5e9" },
        headerTintColor: "#fff",
        headerTitleStyle: { fontWeight: "bold" },
      }}
    >
      <Stack.Screen
        name="WorkoutList"
        component={WorkoutListScreen}
        options={{ title: "Workouts" }}
      />
      <Stack.Screen
        name="Builder"
        component={BuilderScreen}
        options={{ title: "Build Workout" }}
      />
      <Stack.Screen
        name="PreSwim"
        component={PreSwimScreen}
        options={{ title: "Start Swim" }}
      />
    </Stack.Navigator>
  );
}