import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
import snippets from './snippets';
//import { AntdIconSetter } from '../_setters';
import { AltStringSetter } from '../_setters';

const IconMeta: ComponentMetadata = {
  "componentName": "Icon",
  "title": "Icon",
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  category: '通用',
  group: '基础组件',
  "npm": {
    "package": "my-ucmlcode-material",
    "version": "0.1.96",
    "exportName": "Icon",
    "main": "src/index.tsx",
    "destructuring": true,
    "subName": ""
  },
  props: [
    {
      name: 'className',
      title: { label: '设置图标的样式名', tip: '设置图标的样式名' },
      propType: 'string',
    },
    {
      name: 'style',
      title: {
        label: '设置图标的样式，例如 `fontSize` 和 `color`',
        tip: '设置图标的样式，例如 `fontSize` 和 `color`',
      },
      propType: 'object',
    },
    {
      name: 'type',
      description: '图标',
      propType: 'string',
      setter: {
        componentName: AltStringSetter,
        props: {
          size: 'medium'
        }
      }
    },
    {
      name: 'size',
      description: '大小',
      propType: 'number',
      defaultValue: 20,
    },
    {
      name: 'color',
      description: '颜色',
      propType: 'string',
      setter: 'ColorSetter',
    },
    {
      name: 'rotate',
      title: {
        label: '旋转角度',
        tip: '图标旋转角度',
      },
      propType: 'number',
      defaultValue: 0,
    },
    {
      name: 'spin',
      title: { label: '旋转动画', tip: '是否有旋转动画' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'onClick',
      title: { label: '点击回调', tip: '点击按钮时的回调' },
      propType: 'func',
    }
  ],
  configure: { supports: { style: true } },
};


export default {
  ...IconMeta,
  snippets
};