import snippets from './snippets';

export default {
  componentName: 'AMTabBar.Item',
  title: '标签栏选项',
  category: '导航',
  docUrl: 'https://mobile.ant.design/zh/components/tab-bar#tabbaritem',
  group: '基础组件',
  props: [
    {
      name: 'badge',
      title: {
        label: '徽标',
        tip: 'badge | 徽标，同 Badge 的 content 属性',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'string'],
      },
      setter: ['StringSetter', 'VariableSetter','SlotSetter'],
    },
    {
      name: 'icon',
      title: {
        label: '图标',
        tip: 'icon | 图标',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'string'],
      },
      setter: ['StringSetter', 'VariableSetter','SlotSetter'],
    },
    {
      name: 'key',
      title: {
        label: '当前item 的 key',
        tip: 'key | 对应 activeKey',
      },
      propType: 'string',
      setter: 'StringSetter',
    },
    {
      name: 'title',
      title: {
        label: '标题',
        tip: 'title | 标题',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'string'],
      },
      setter: ['StringSetter', 'VariableSetter','SlotSetter'],
    },
    
  ],
  configure: {
    component: {
      isContainer: true,
      nestingRule: { parentWhitelist: ['AMTabBar'] },
    },
    supports: {
      style: true,
    },
  },
  snippets,
};