import snippets from './snippets';

export default {
  snippets,
  componentName: 'Badge.Ribbon',
  title: '缎带形徽标',
  group: "基础组件",
  category: '数据展示',
  props: [
    {
      name: 'color',
      title: { label: '颜色', tip: 'color | 绶带的颜色' },
      propType: 'string',
      setter: 'ColorSetter'
    },
    // {
    //   name: 'placement',
    //   title: { label: '缎带位置', tip: 'placement | 绶带的位置' },
    //   propType: { type: 'oneOf', value: ['start', 'end'] },
    //   setter: {
    //     componentName: 'RadioGroupSetter',
    //     props: {
    //       options: [
    //         {
    //           title: 'start',
    //           value: 'start',
    //         },
    //         {
    //           title: 'end',
    //           value: 'end',
    //         },
    //       ],
    //     },
    //   },
    //   defaultValue: 'end',
    // },
    {
      name: 'text',
      title: { label: '缎带内容', tip: 'text | 绶带的内容' },
      propType: 'string',
      setter: 'StringSetter',
      defaultValue: 'hello'
    },
    {
      name: 'position',
      title: { label: '距离右侧的位置', tip: 'position | 距离右侧的位置' },
      propType: 'number',
      setter: 'NumberSetter'
    }
  ],
  configure: { component: { isContainer: false }, supports: { style: true } },
};