import React from "react";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import SelectSpaceSettingItem from "./SelectSpaceSettingItem";
import AgencySetting from "./AgencySetting";
import CollaboratorSetting from "./CollaboratorSetting";
import SpaceMember from "./SpaceMember";
import SpacePaymentSetting from "./SpacePaymentSetting";
import SpaceIntroSetting from "./SpaceIntroSetting";
import SpaceRefund from "./SpaceRefund";
import { Icon } from "@rneui/themed";

const SpaceSettingStack = createNativeStackNavigator();

export default function SpaceSetting({ navigation, route }) {
  return (
    <SpaceSettingStack.Navigator>
      <SpaceSettingStack.Screen
        name="SelectSpaceSettingItem"
        children={(props) => (
          <SelectSpaceSettingItem {...props} data={route.params.data} />
        )}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "空间设置",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
      <SpaceSettingStack.Screen
        name="SpacePaymentSetting"
        component={SpacePaymentSetting}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "空间付费设置",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
      <SpaceSettingStack.Screen
        name="AgencySetting"
        component={AgencySetting}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "代运营设置",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
      <SpaceSettingStack.Screen
        name="CollaboratorSetting"
        component={CollaboratorSetting}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "合伙人设置",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
      <SpaceSettingStack.Screen
        name="SpaceMember"
        component={SpaceMember}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "空间成员",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
      <SpaceSettingStack.Screen
        name="SpaceIntroSetting"
        component={SpaceIntroSetting}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "空间信息设置",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
      <SpaceSettingStack.Screen
        name="SpaceRefund"
        component={SpaceRefund}
        options={({ navigation }) => ({
          headerLeft: () => (
            <Icon
              type="ionicon"
              name="chevron-back"
              size={32}
              color="white"
              onPress={() => navigation.goBack()}
            />
          ),
          title: "空间退款",
          headerTitleStyle: { color: "white" },
          headerStyle: { backgroundColor: "#07050A" },
        })}
      />
    </SpaceSettingStack.Navigator>
  );
}
