import React from 'react';
import { ConfigProvider } from 'antd';
import zhCN from 'antd/lib/locale/zh_CN';
import enUS from 'antd/lib/locale/en_US';
import { useTranslation } from 'react-i18next';
import AppRouter from './router';
import { GlobalProvider } from '@/contexts/GlobalContext';

const App: React.FC = () => {
  const { i18n } = useTranslation();
  
  // 根据当前语言选择 Ant Design 的语言包
  const getAntdLocale = () => {
    return i18n.language.startsWith('zh') ? zhCN : enUS;
  };

  return (
    <ConfigProvider locale={getAntdLocale()}>
      <GlobalProvider>
        <AppRouter />
      </GlobalProvider>
    </ConfigProvider>
  );
};

export default App;
