const NavBarMeta = {
  componentName: 'NavBar',
  title: 'NavBar',
  category: '通用',
  group: '移动端',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: 'web-sdk-h5-material',
    version: '0.1.0',
    exportName: 'NavBar',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      {
        name: 'children',
        title: {
          label: '标题',
          tip: 'children | 标题',
        },
        propType: {
          type: 'oneOfType',
          value: ['node', 'string'],
        },
        setter: ['SlotSetter', 'StringSetter', 'VariableSetter'],
        // setter: {
        //   componentName: 'SlotSetter',
        //   props: {
        //     mode: 'node',
        //   },
        //   isRequired: false,
        //   initialValue: {
        //     type: 'JSSlot',
        //     value: [],
        //   },
        // },
      },
      {
        title: '返回区域的文字',
        name: 'back',
        setter: {
          componentName: 'SlotSetter',
          props: {
            mode: 'node',
          },
          isRequired: false,
          initialValue: {
            type: 'JSSlot',
            value: [],
          },
        },
      },
      {
        title: '是否展示返回区域的箭头',
        name: 'backIcon',
        setter: {
          componentName: 'SlotSetter',
          props: {
            mode: 'node',
          },
          isRequired: false,
          initialValue: true,
        },
      },
      {
        title: '左侧内容',
        name: 'left',
        setter: {
          componentName: 'SlotSetter',
          props: {
            mode: 'node',
          },
          isRequired: false,
          initialValue: {
            type: 'JSSlot',
            value: [],
          },
        },
      },
      {
        title: '右侧内容',
        name: 'right',
        setter: {
          componentName: 'SlotSetter',
          props: {
            mode: 'node',
          },
          isRequired: false,
          initialValue: {
            type: 'JSSlot',
            value: [],
          },
        },
      },
    ],
    supports: {
      events: [
        {
          name: 'onBack',
        },
      ],
      className: true,
      style: true,
    },
    component: {},
  },
};
const snippets = [
  {
    title: 'NavBar',
    screenshot: '',
    schema: {
      componentName: 'NavBar',
      props: {},
    },
    isH5Mode: true,
  },
];

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