import React from "react";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { Icon } from "@rneui/themed";
import ActiveNotice from "./ActiveNotice";
import SystemNotice from "./SystemNotice";
import NoticeNav from "./NoticeNav";
const SpaceSettingStack = createNativeStackNavigator();

export default function NoticeDetail({ navigation, route }) {
  return (
    <SpaceSettingStack.Navigator>
      <SpaceSettingStack.Screen
        name="NoticeNav"
        component={NoticeNav}
        options={({ navigation }) => ({
          headerShown: false,
        })}
      />
      <SpaceSettingStack.Screen
        name="SystemNotice"
        component={SystemNotice}
        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="ActiveNotice"
        component={ActiveNotice}
        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>
  );
}