import {
  NavigationContainer,
  DefaultTheme,
  DarkTheme,
} from '@react-navigation/native';
import {
  createStackNavigator,
  CardStyleInterpolators,
} from '@react-navigation/stack';
import * as React from 'react';
import { ColorSchemeName } from 'react-native';
import useModel from 'flooks';
import { useTranslation } from 'react-i18next';

import { MineStackParamList } from '../types';

import AlertModalScreen from '../modals/AlertModalScreen';
import InputModalScreen from '../modals/InputModalScreen';
import ApplayRefundModalScreen from '../modals/ApplayRefundModalScreen';

const ModalStack = createStackNavigator<MineStackParamList>();
export default function Navigation({
  colorScheme,
}: {
  colorScheme: ColorSchemeName;
}) {
  const { t } = useTranslation();
  return (
    <ModalStack.Navigator
      mode="modals"
      screenOptions={{
        cardStyle: { backgroundColor: 'transparent' },
        animationEnabled: false,
        headerShown: false,
      }}
      initialRouteName="Applay"
    >
      <ModalStack.Screen name="Alert" component={AlertModalScreen} />
      <ModalStack.Screen name="Promot" component={InputModalScreen} />
      <ModalStack.Screen
        name="Applay"
        component={ApplayRefundModalScreen}
        initialParams={{ orderId: 3046 }}
      />
    </ModalStack.Navigator>
  );
}