import React from "react";
import { Text, TouchableOpacity } from "react-native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import StreamerVerificationForm from "./StreamerVerificationForm";
import AfterSubmitStreamerVerification from "./AfterSubmitStreamerVerification";
import { Icon } from "@rneui/themed";

const StreamerVerificationStack = createNativeStackNavigator();

export default function StreamerVerification() {
  return (
    <StreamerVerificationStack.Navigator>
      <StreamerVerificationStack.Screen
        name="StreamerVerificationForm"
        component={StreamerVerificationForm}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          headerRight: () => (
            <TouchableOpacity
              onPress={() =>
                navigation.navigate("WebWithHeader", {
                  title: "平台准则",
                  uri: `${process.env.EXPO_PUBLIC_WEB_URL}/doc/platformguidelines`,
                })
              }
            >
              <Text style={{ color: "#FF669E", fontSize: 16 }}>平台准则</Text>
            </TouchableOpacity>
          ),
          title: "申请入驻",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
      <StreamerVerificationStack.Screen
        name="AfterSubmitStreamerVerification"
        component={AfterSubmitStreamerVerification}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "提交成功",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
    </StreamerVerificationStack.Navigator>
  );
}