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

const TagMeta: IPublicTypeComponentMetadata = {
  componentName: 'Tag',
  title: 'Tag',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  group: '原子组件',
  category: '按钮类',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.22',
    exportName: 'Tag',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'children',
      title: { label: '内容', tip: '内容' },
      propType: 'string',
    },
    {
      name: 'closable',
      title: { label: '可关闭', tip: '标签是否可以关闭' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'color',
      title: { label: '标签色', tip: '标签色' },
      propType: 'string',
    },
    // {
    //   name: 'closeIcon',
    //   title: { label: '自定义关闭按钮', tip: '自定义关闭按钮' },
    //   propType: 'node',
    // },
    {
      name: 'onClose',
      title: { label: '关闭时的回调', tip: '关闭时的回调' },
      propType: 'func',
    },
    // {
    //   name: 'visible',
    //   title: { label: '是否显示标签', tip: '是否显示标签' },
    //   propType: 'bool',
    //   defaultValue: true,
    // },
    {
      name: 'icon',
      title: { label: '设置图标', tip: '设置图标' },
      propType: 'node',
    },
  ],
  configure: {
    supports: {
      style: true,
    },
    component: {},
  },
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '标签',
    screenshot: require('./__screenshots__/tag.png'),
    schema: {
      componentName: 'Tag',
      props: {
        color: 'magenta',
        children: 'tag',
      },
    },
  },
];

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