/* eslint-disable-next-line @typescript-eslint/no-unused-vars */
import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';

const svgIconMeta: IPublicTypeComponentMetadata = {
  componentName: 'svgIcon',
  title: 'svgIcon',
  docUrl: '',
  group: '原子组件',
  category: '按钮类',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.63',
    exportName: 'svgIcon',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      {
        title: {
          label: {
            type: 'i18n',
            'en-US': 'svgContent',
            'zh-CN': 'svgContent',
          },
        },
        name: 'svgContent',
        setter: {
          componentName: 'StringSetter',
          isRequired: true,
          initialValue: '',
        },
      },
      {
        name: 'rotate',
        title: {
          label: '旋转角度',
          tip: '图标旋转角度',
        },
        setter: 'NumberSetter',
        defaultValue: 0,
      },
      {
        name: 'color',
        description: '颜色',
        setter: 'ColorSetter',
      },
      {
        name: 'backgroundColor',
        description: '颜色',
        setter: 'ColorSetter',
      },
    ],
    supports: {
      style: true,
      events: [
        {
          name: 'onClick',
        },
      ],
    },
    component: {},
  },
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: 'svg',
    screenshot: require('./__screenshots__/svg.png'),
    schema: {
      componentName: 'svgIcon',
      props: {
        svgContent: `<svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
        <title>heart icon</title>
        <path d="M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.8-24.3-23.8-52.5-42.4-84-55.5-32.5-13.5-66.9-20.3-102.4-20.3-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5-24.4 23.9-43.5 51.7-56.9 82.8-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3 0.1-35.3-7-69.6-20.9-101.9z" />
      </svg>`,
      },
    },
  },
];

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