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

const snippets: IPublicTypeSnippet[] = [
  {
    title: '登录 2.0',
    screenshot: '',
    schema: {
      componentName: 'Login2',
      props: {
        config: {
          loginMethods: [
            {
              type: 'email',
              verificationMethods: ['password', 'verification_code'],
              stepByStep: false,
            },
            {
              type: 'google',
              clientId: '',
            },
            {
              type: 'facebook',
              appId: '',
            },
            {
              type: 'guest',
            },
          ],
          ui: {
            title: {
              show: true,
              text: 'Welcome back',
              align: 'center',
            },
            subtitle: {
              show: true,
              text: 'Log in to your account',
              align: 'center',
            },
            desc: {
              show: true,
              text: 'Welcome back! Please enter your details.',
              align: 'center',
            },
            themeColor: '#7F56D9',
          },
          legalTerms: {
            enabled: true,
            terms: [
              {
                name: '服务条款',
                url: 'https://example.com/terms',
              },
              {
                name: '隐私协议',
                url: 'https://example.com/privacy',
              },
            ],
            textTemplate: '登录即代表同意 {terms}',
          },
        },
        visible: true,
      },
    },
  },
  {
    title: '登录 2.0（分步骤）',
    screenshot: '',
    schema: {
      componentName: 'Login2',
      props: {
        config: {
          loginMethods: [
            {
              type: 'email',
              verificationMethods: ['password', 'verification_code'],
              stepByStep: true,
            },
            {
              type: 'google',
              clientId: '',
            },
          ],
          ui: {
            title: {
              show: true,
              text: 'Welcome back',
              align: 'center',
            },
            subtitle: {
              show: true,
              text: 'Log in to your account',
              align: 'center',
            },
            desc: {
              show: true,
              text: 'Welcome back! Please enter your details.',
              align: 'center',
            },
            themeColor: '#7F56D9',
          },
          legalTerms: {
            enabled: true,
            terms: [
              {
                name: '服务条款',
                url: 'https://example.com/terms',
              },
              {
                name: '隐私协议',
                url: 'https://example.com/privacy',
              },
            ],
            textTemplate: '登录即代表同意 {terms}',
          },
        },
        visible: true,
      },
    },
  },
];

export default snippets;