MainStack.tsx

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { MainStackParams } from './types/MainStackParams';
import { ConversationScreen } from '../screens/ConversationScreen';

const MainStack = createStackNavigator<MainStackParams>();

export const MainStackScreens: React.FC = () => (
  <MainStack.Navigator 
    initialRouteName="Conversation"
    screenOptions={{
      headerRightContainerStyle: {
        right: 6,
      },
      headerLeftContainerStyle: {
        left: 6,
      },
    }}
  >
    <MainStack.Screen 
      name="Conversation" 
      component={ConversationScreen} 
    />
  </MainStack.Navigator>
);