import snippets from './snippets';

export default {
  snippets,
  componentName: 'PisellEmpty',
  title: 'pisell空状态',
  category: '数据展示',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: '@pisell/materials',
    version: '1.0.1',
    exportName: 'PisellEmpty',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'description',
      title: { label: '内容描述', tip: '自定义描述内容' },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
      setter: ['PisellI18nSetter', 'SlotSetter'],
    },
    {
      name: 'extraDescription',
      title: { label: '额外内容描述', tip: '自定义额外描述内容' },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
      setter: ['PisellI18nSetter', 'SlotSetter'],
    },
    {
      name: 'icon',
      title: {
        label: {
          type: 'i18n',
          'en-US': 'icon',
          'zh-CN': '图标',
        },
        tip: 'icon | Set the icon component of the button',
      },
      propType: { type: 'oneOfType', value: ['node'] },
      setter: [
        {
          componentName: 'SlotSetter',
          initialValue: {
            type: 'JSSlot',
            value: [
              {
                componentName: 'Icon',
                props: {
                  type: 'SmileOutlined',
                  size: 20,
                  rotate: 0,
                  spin: false,
                },
              },
            ],
          },
          defaultValue: null,
        },
      ],
    },
    {
      name: 'footer',
      title: { label: '操作区域', tip: '自定义底部额外操作区域' },
      propType: { type: 'oneOfType', value: ['node'] },
      setter: ['SlotSetter'],
    },
    // {
    //   name: 'imageStyle',
    //   title: { label: '图片样式', tip: '图片样式' },
    //   propType: 'object',
    // },
    // {
    //   name: 'image',
    //   title: {
    //     label: '图片地址',
    //     tip: '设置显示图片，为string时表示自定义图片地址。',
    //   },
    //   propType: { type: 'oneOfType', value: ['string', 'node'] },
    // },
  ],
  configure: { supports: { style: true } },
};
