import snippets from './snippets';

export default {
  snippets,
  componentName: 'AMBadge',
  title: '徽标',
  category: '数据展示',
  docUrl: 'https://mobile.ant.design/zh/components/badge',
  group: '基础组件',
  props: [
    {
      name: 'color',
      title: { label: '圆点颜色', tip: 'color | 自定义小圆点的颜色' },
      propType: 'string',
      setter: 'ColorSetter',
    },
    {
      name: 'content',
      title: { label: '徽标内容', tip: 'content | 徽标内容' },
      propType: 'string',
      setter: 'StringSetter',
    },
    {
      name: 'bordered',
      title: { label: '显示边框', tip: '是否有边框' },
      propType: 'bool',
      defaultValue: true,
      setter: 'BoolSetter',
    },
    {
      name: 'children',
      title: {
        label: '子元素',
        tip: 'children | 子元素',
      },
      propType: {
        type: 'oneOfType',
        value: ['node'],
      },
      setter: {
        componentName: 'SlotSetter',
        initialValue: {
          type: 'JSSlot',
          value: [
            {
              componentName: 'AMDiv',
              props: {
                style: {
                  width: '60px',
                  height: '60px',
                  borderRadius: '4px',
                  backgroundColor: '#88878c',
                },
              },
            },
          ],
        },
      },
    },
  ],
  configure: { supports: { style: true } },
};