import React from 'react';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { useTheme } from '../../themes/ThemeProvider';
import Pipeline from '../../screens/Deals/Pipeline';
import DealDetail from '../../screens/Deals/DealDetail';
import TransactionTC from '../../screens/Deals/TransactionTC';

export type DealsStackParamList = {
  Pipeline: undefined;
  DealDetail: { id: number };
  TransactionTC: { dealId: number };
};

const Stack = createNativeStackNavigator<DealsStackParamList>();

export default function DealsStack() {
  const { theme } = useTheme();

  return (
    <Stack.Navigator
      screenOptions={{
        headerStyle: { backgroundColor: theme.colors.primary },
        headerTintColor: theme.colors.white,
        headerTitleStyle: { fontWeight: '700' },
      }}
    >
      <Stack.Screen name="Pipeline" component={Pipeline} options={{ title: 'Deals' }} />
      <Stack.Screen name="DealDetail" component={DealDetail} options={{ title: 'Deal' }} />
      <Stack.Screen name="TransactionTC" component={TransactionTC} options={{ title: 'TC Tasks' }} />
    </Stack.Navigator>
  );
}