import React from 'react';
import { ConfigProvider, Button, Input } from '@gzued/antd-compiled/compiled/antd/es';

function App() {
  return (
    <ConfigProvider prefixCls="bote">
      <div>
        <Button type="primary">按钮</Button>
        <Input placeholder="输入框" />
      </div>
    </ConfigProvider>
  );
}

import React from 'react';
import { AntdProvider, Button, Input } from '@gzued/antd-compiled/compiled';

function App() {
  return (
    <AntdProvider prefixCls="bote">
      <div>
        <Button type="primary">按钮</Button>
        <Input placeholder="输入框" />
      </div>
    </AntdProvider>
  );
}

import React from 'react';
import { Button } from '@gzued/antd-compiled/compiled/antd/es/button';
import { ConfigProvider } from '@gzued/antd-compiled/compiled/antd/es/config-provider';

function App() {
  return (
    <ConfigProvider prefixCls="bote">
      <Button type="primary">按钮</Button>
    </ConfigProvider>
  );
}

// ✅ 正确：设置 prefixCls 为 bote
<ConfigProvider prefixCls="bote">
  <Button>按钮</Button>
</ConfigProvider>

// ❌ 错误：不设置 prefixCls，组件会使用默认的 ant 前缀
<Button>按钮</Button>

// antd 组件
import { Button } from '@gzued/antd-compiled/compiled/antd/es/button';
import { Input } from '@gzued/antd-compiled/compiled/antd/es/input';
import { ConfigProvider } from '@gzued/antd-compiled/compiled/antd/es/config-provider';

// 图标
import { UserOutlined } from '@gzued/antd-compiled/compiled/@ant-design/icons';

// 工具库
import dayjs from '@gzued/antd-compiled/compiled/dayjs';
import classNames from '@gzued/antd-compiled/compiled/classnames';

// 引入样式文件
import '@gzued/antd-compiled/compiled/antd/dist/antd.css';
import '@gzued/antd-compiled/compiled/antd/dist/antd.min.css';
import '@gzued/antd-compiled/compiled/antd/dist/antd.less';

import { version } from '@gzued/antd-compiled/compiled';

console.log(version);
// {
//   antd: '4.24.14',
//   '@ant-design/icons': '4.8.0',
//   dayjs: '1.11.10',
//   classnames: '2.3.1',
//   stylePrefix: 'bote',
//   buildTime: '2025-07-18T01:09:55.290Z'
// }