/**
 * 消息 Stack 导航
 * 处理消息相关页面：消息列表、通知等
 */
import React from 'react';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import type { MessageStackParamList } from './types';

import { colors } from '../theme';
import {
  MessageListScreen,
  NotificationsScreen,
  PrivateChatInfoScreen,
} from '../screens/message';

const MessageStack = createNativeStackNavigator<MessageStackParamList>();

export function MessageNavigator() {
  return (
    <MessageStack.Navigator
      screenOptions={{
        headerStyle: {
          backgroundColor: colors.background.paper,
        },
        headerTintColor: colors.text.primary,
        headerTitleStyle: {
          fontWeight: '600',
        },
        headerBackTitle: '',
        headerShadowVisible: false,
      }}
    >
      <MessageStack.Screen
        name="MessageList"
        component={MessageListScreen}
        options={{
          title: '消息',
          headerBackTitle: '',
          headerShown: false,
        }}
      />
      <MessageStack.Screen
        name="Notifications"
        component={NotificationsScreen}
        options={{
          title: '通知',
          headerBackTitle: '',
        }}
      />
      <MessageStack.Screen
        name="PrivateChatInfo"
        component={PrivateChatInfoScreen}
        options={{
          title: '聊天信息',
          headerBackTitle: '',
        }}
      />
    </MessageStack.Navigator>
  );
}
