const SafeAreaMeta = {
  componentName: 'SafeArea',
  category: '通用',
  group: '移动端',
  title: 'SafeArea',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: 'web-sdk-h5-material',
    version: '0.1.0',
    exportName: 'SafeArea',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      {
        title: '位置',
        name: 'position',
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            dataSource: [
              {
                label: '顶部',
                value: 'top',
              },
              {
                label: '底部',
                value: 'bottom',
              },
            ],
            options: [
              {
                label: 'top',
                value: 'top',
              },
              {
                label: 'bottom',
                value: 'bottom',
              },
            ],
          },
          isRequired: true,
          initialValue: 'top',
        },
      },
    ],
    supports: {
      className: true,
      style: true,
    },
    component: {},
  },
};
const snippets = [
  {
    title: 'SafeArea',
    screenshot: '',
    schema: {
      componentName: 'SafeArea',
      props: {},
    },
    isH5Mode: true,
  },
];

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