import {
  IPublicTypeComponentMetadata,
  IPublicTypeSnippet,
} from '@alilc/lowcode-types';

const SafeAreaTopMeta: IPublicTypeComponentMetadata = {
  componentName: 'SafeAreaTop',
  title: 'SafeAreaTop',
  category: '布局',
  group: '原子组件',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: '@pisell/materials',
    version: '1.0.0',
    exportName: 'SafeAreaTop',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      {
        name: 'backgroundColor',
        title: {
          label: {
            type: 'i18n',
            'en-US': 'Background Color',
            'zh-CN': '背景色',
          },
          tip: '顶部安全区背景色，默认透明',
        },
        setter: 'ColorSetter',
        defaultValue: 'transparent',
      },
      {
        name: 'className',
        title: {
          label: '类名',
          tip: '类名',
        },
        setter: 'StringSetter',
      },
    ],
    component: {
      isContainer: false,
    },
    supports: {
      style: true,
      className: true,
    },
  },
};

const snippets: IPublicTypeSnippet[] = [
  {
    title: 'SafeAreaTop',
    screenshot: '',
    schema: {
      componentName: 'SafeAreaTop',
      props: {
        backgroundColor: 'transparent',
      },
    },
  },
];

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