import React from "react";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import SelectUserProfileItem from "./SelectUserProfileItem";
import EditUserName from "./EditUserName";
import { Icon } from "@rneui/themed";

const EditUserProfileStack = createNativeStackNavigator();

export default function EditUserProfile() {
  return (
    <EditUserProfileStack.Navigator>
      <EditUserProfileStack.Screen
        name="SelectUserProfileItem"
        component={SelectUserProfileItem}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "修改资料",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
      <EditUserProfileStack.Screen
        name="EditUserName"
        component={EditUserName}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "修改昵称",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
    </EditUserProfileStack.Navigator>
  );
}