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

const snippets: IPublicTypeSnippet[] = [
  {
    title: '图文卡片',
    screenshot: '',
    schema: {
      componentName: 'PisellCards.GraphicTextCard',
      props: {
        text: '图文卡片',
        variant: 'vertical-image',
        size: 'default',
        clickable: true,
        image: 'https://via.placeholder.com/60',
      },
    },
  },
  {
    title: '图文卡片-图标',
    screenshot: '',
    schema: {
      componentName: 'PisellCards.GraphicTextCard',
      props: {
        text: 'Tabs',
        variant: 'vertical-icon',
        size: 'default',
        clickable: true,
        icon: {
          type: 'JSSlot',
          value: [
            {
              componentName: 'Icon',
              props: {
                type: 'SmileOutlined',
                size: 24,
              },
            },
          ],
        },
      },
    },
  },
  {
    title: '图文卡片-横向',
    screenshot: '',
    schema: {
      componentName: 'PisellCards.GraphicTextCard',
      props: {
        text: '图文卡片',
        variant: 'horizontal',
        size: 'default',
        clickable: true,
        image: 'https://via.placeholder.com/64x52',
      },
    },
  },
  {
    title: '图文卡片-卡片式',
    screenshot: '',
    schema: {
      componentName: 'PisellCards.GraphicTextCard',
      props: {
        text: '图文卡片',
        variant: 'card',
        size: 'default',
        clickable: true,
        image: 'https://via.placeholder.com/72x60',
      },
    },
  },
];

export default snippets;