import { Stack } from "expo-router";
import { LIGHT_THEME } from "../../src/common/const/theme";
import { useTranslation } from "react-i18next";

export default function Layout() {
  const { t } = useTranslation();
  return (
    <Stack>
      <Stack.Screen
        name="[stateId]/index"
        options={{
          title: t("selectTownScreen.title"),
          headerStyle: {
            backgroundColor: LIGHT_THEME.color.primary,
          },
          headerTitleStyle: {
            color: LIGHT_THEME.color.white,
          },
          headerTitleAlign: "center",
          headerTintColor: LIGHT_THEME.color.white,
        }}
      />
      <Stack.Screen
        name="[stateId]/town"
        options={{
          headerShown: false,
        }}
      />
    </Stack>
  );
}
