import React from "react";
import { createFromIconfontCN } from '@ant-design/icons';
import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
import IconField from './svg/icon-field.js';
import IconApp from './svg/icon-app.js';
import IconBase from './svg/icon-base.js';
import IconFlow from './svg/icon-flow.js';

/**
 * 使用：
 *    <QxBaseIcon type="xxx"/>
 * 说明：
 *    `xxx`为图标唯一标识，`iconfont.cn`对应图标下的“复制代码”所得，建议命名为“icon-xxx_yyy”，
 *    “icon-”为固定前缀，xxx为模块类型，yyy为图标名。公共类的xxx命名为“comm”
 *
 * @type {React.FC<IconFontProps<string>>}
 */
export const QxBaseIcon: React.FC<IconFontProps<string>> = createFromIconfontCN({
  scriptUrl: [
    IconField, // 启效表单组件图标
    IconApp, // 应用图标
    IconBase, // 启效基础图标
    IconFlow, // 新版数据流图标
  ],
})