import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';


const IconMeta: IPublicTypeComponentMetadata = {
  componentName: 'Icon',
  group: '原子组件',
  category: '按钮类',
  title: 'Icon',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.2',
    exportName: 'Icon',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      // {
      //   name: 'avatar.icon',
      //   title: {
      //     label: {
      //       type: 'i18n',
      //       zh_CN: '图标',
      //       en_US: 'Icon',
      //     },
      //     tip: {
      //       type: 'i18n',
      //       zh_CN: '属性: icon | 说明: 图标类型',
      //       en_US: 'prop: icon | description: icon type',
      //     },
      //   },
      //   setter: {
      //     componentName: 'IconSetter',
      //   },
      // },
      {
        name: 'type',
        description: '图标',
        propType: 'string',
        setter: 'StringSetter',
      },
      {
        name: 'size',
        description: '大小',
        setter: 'NumberSetter',
        defaultValue: 20,
      },
      {
        name: 'color',
        description: '颜色',
        propType: 'string',
        setter: 'ColorSetter',
      },
      {
        name: 'rotate',
        title: {
          label: '旋转角度',
          tip: '图标旋转角度',
        },
        setter: 'NumberSetter',
        defaultValue: 0,
      },
      {
        name: 'spin',
        title: { label: '旋转动画', tip: '是否有旋转动画' },
        setter: 'BoolSetter',
        defaultValue: false,
      },
      {
        name: 'backgroundColor',
        description: '颜色',
        propType: 'string',
        setter: 'ColorSetter',
      },
    ],
    supports: {
      className: true,
      style: true,
      events: [
        {
          name: 'onClick',
        },
      ],
    },
    component: {},
  },
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '图标',
    screenshot: require('./__screenshots__/icon.png'),
    schema: {
      componentName: 'Icon',
      props: {
        type: 'SmileOutlined',
      },
    },
  },
];

export default {
  ...IconMeta,
  snippets,
};