import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
import { IPublicTypeSnippetMore } from '../../../materials-design/lowcode/_base';

const YwPieTitleMeta: IPublicTypeComponentMetadata = {
  componentName: 'YwPieTitle',
  title: 'YwPieTitle',
  // group: '可视化组件',
  group: '基础组件',
  category: '可视化组件',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: '@ywfe/materials-charts',
    version: '0.1.1-beta2',
    exportName: 'YwPieTitle',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      {
        title: {
          label: '数据字段',
          tip: 'value ｜ 数据字段名',
        },
        name: 'value',
        isRequired: false,
        setter: {
          componentName: 'StringSetter',
          initialValue: '测试',
        },
      },
      {
        title: {
          label: '颜色',
          tip: 'color ｜ 颜色',
        },
        name: 'color',
        isRequired: false,
        setter: {
          componentName: 'StringSetter',
          initialValue: '#5B8FF9',
        },
      },


    ],
    supports: {
      className: true,
      style: true,
    },
    component: {},
  },
};
const snippets: IPublicTypeSnippetMore[] = [
  {
    title: '饼图标题',
    svgId: 'icon-bingtubiaoti',
    screenshot: 'https://yw-fed-static.oss-cn-hangzhou.aliyuncs.com/诗橙/pieTitle.png',
    schema: {
      componentName: 'YwPieTitle',
    },
  },
];

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