import React from 'react'
import ReactDOM from 'react-dom/client'
import { ConfigProvider, App as AntdApp } from 'antd'
import zhCN from 'antd/locale/zh_CN'
import App from './App.tsx'
import './index.css'

ReactDOM.createRoot(document.getElementById('root')!).render(
  <React.StrictMode>
    <ConfigProvider
      locale={zhCN}
      theme={{
        cssVar: { prefix: 'ant' },  // ⭐ 启用 CSS 变量（Ant Design 6.0 新特性）
        token: {
          colorPrimary: '#10b981', // emerald-500（工具C主题色）
          borderRadius: 8,
          fontSize: 14,
        },
      }}
    >
      {/* ✅ 修复：使用 App 组件包裹，支持静态 message 方法消费 context */}
      <AntdApp>
        <App />
      </AntdApp>
    </ConfigProvider>
  </React.StrictMode>,
)