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

const snippets: IPublicTypeSnippet[] = [
  {
    title: 'TabCard',
    screenshot: '',
    schema: {
      componentName: 'PisellCards.TabCard',
      props: {
        tabKey: 'tab1',
        label: '标签',
      },
    },
  },
  {
    title: 'TabCard - 带图标',
    screenshot: '',
    schema: {
      componentName: 'PisellCards.TabCard',
      props: {
        tabKey: 'tab1',
        label: '首页',
        icon: {
          type: 'JSSlot',
          value: [
            {
              componentName: 'Icon',
              props: {
                type: 'HomeOutlined',
                size: 16,
              },
            },
          ],
        },
      },
    },
  },
  {
    title: 'TabCard - 带徽章',
    screenshot: '',
    schema: {
      componentName: 'PisellCards.TabCard',
      props: {
        tabKey: 'messages',
        label: '消息',
        badge: {
          count: 5,
          color: 'red',
        },
      },
    },
  },
  {
    title: 'TabCard - 垂直布局',
    screenshot: '',
    schema: {
      componentName: 'PisellCards.TabCard',
      props: {
        tabKey: 'tab1',
        label: '标签',
        direction: 'vertical',
        icon: {
          type: 'JSSlot',
          value: [
            {
              componentName: 'Icon',
              props: {
                type: 'AppstoreOutlined',
                size: 18,
              },
            },
          ],
        },
      },
    },
  },
];

export default snippets;