// React 17+ 使用新的JSX转换，无需显式导入React
import { Provider } from 'react-redux'
import { ConfigProvider, App as AntdApp } from 'antd'
import zhCN from 'antd/locale/zh_CN'
import { store } from './store/store'
import RemoteControlApp from './components/RemoteControlApp'
import AuthGuard from './components/AuthGuard'
import './App.css'

/**
 * 主应用组件
 */
function App() {
  return (
    <Provider store={store}>
      <ConfigProvider 
        locale={zhCN}
        theme={{
          token: {
            colorPrimary: '#1890ff',
            borderRadius: 6,
          },
        }}
      >
        <AntdApp>
          <AuthGuard>
            <RemoteControlApp />
          </AuthGuard>
        </AntdApp>
      </ConfigProvider>
    </Provider>
  )
}

export default App