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

const RibbonMeta: IPublicTypeComponentMetadata = {
  "componentName": "Ribbon",
  "title": "Ribbon",
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "abb-lowcode-materials",
    "version": "0.3.0",
    "exportName": "Badge",
    "main": "src\\index.tsx",
    "destructuring": true,
    "subName": "Ribbon"
  },
  "configure": {
    "props": [
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "prefixCls",
            "zh-CN": "prefixCls"
          }
        },
        "name": "prefixCls",
        "setter": {
          "componentName": "StringSetter",
          "isRequired": false,
          "initialValue": ""
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "text",
            "zh-CN": "text"
          }
        },
        "name": "text",
        "setter": {
          "componentName": "SlotSetter",
          "props": {
            "mode": "node"
          },
          "isRequired": false,
          "initialValue": {
            "type": "JSSlot",
            "value": []
          }
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "color",
            "zh-CN": "color"
          }
        },
        "name": "color",
        "setter": {
          "componentName": "MixedSetter",
          "props": {
            "setters": [
              {
                "componentName": "ObjectSetter",
                "props": {
                  "config": {
                    "extraSetter": {
                      "componentName": "MixedSetter",
                      "isRequired": false,
                      "props": {}
                    }
                  }
                },
                "isRequired": false,
                "initialValue": {}
              },
              {
                "componentName": "SelectSetter",
                "props": {
                  "dataSource": [
                    {
                      "label": "pink",
                      "value": "pink"
                    },
                    {
                      "label": "red",
                      "value": "red"
                    },
                    {
                      "label": "yellow",
                      "value": "yellow"
                    },
                    {
                      "label": "orange",
                      "value": "orange"
                    },
                    {
                      "label": "cyan",
                      "value": "cyan"
                    },
                    {
                      "label": "green",
                      "value": "green"
                    },
                    {
                      "label": "blue",
                      "value": "blue"
                    },
                    {
                      "label": "purple",
                      "value": "purple"
                    },
                    {
                      "label": "geekblue",
                      "value": "geekblue"
                    },
                    {
                      "label": "magenta",
                      "value": "magenta"
                    },
                    {
                      "label": "volcano",
                      "value": "volcano"
                    },
                    {
                      "label": "gold",
                      "value": "gold"
                    },
                    {
                      "label": "lime",
                      "value": "lime"
                    }
                  ],
                  "options": [
                    {
                      "label": "pink",
                      "value": "pink"
                    },
                    {
                      "label": "red",
                      "value": "red"
                    },
                    {
                      "label": "yellow",
                      "value": "yellow"
                    },
                    {
                      "label": "orange",
                      "value": "orange"
                    },
                    {
                      "label": "cyan",
                      "value": "cyan"
                    },
                    {
                      "label": "green",
                      "value": "green"
                    },
                    {
                      "label": "blue",
                      "value": "blue"
                    },
                    {
                      "label": "purple",
                      "value": "purple"
                    },
                    {
                      "label": "geekblue",
                      "value": "geekblue"
                    },
                    {
                      "label": "magenta",
                      "value": "magenta"
                    },
                    {
                      "label": "volcano",
                      "value": "volcano"
                    },
                    {
                      "label": "gold",
                      "value": "gold"
                    },
                    {
                      "label": "lime",
                      "value": "lime"
                    }
                  ]
                },
                "initialValue": "pink"
              }
            ]
          }
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "placement",
            "zh-CN": "placement"
          }
        },
        "name": "placement",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
            "dataSource": [
              {
                "label": "start",
                "value": "start"
              },
              {
                "label": "end",
                "value": "end"
              }
            ],
            "options": [
              {
                "label": "start",
                "value": "start"
              },
              {
                "label": "end",
                "value": "end"
              }
            ]
          },
          "initialValue": "start"
        }
      }
    ],
    "supports": {
      "className": true,
      "style": true
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    "title": "Ribbon",
    "screenshot": "",
    "schema": {
      "componentName": "Ribbon",
      "props": {}
    }
  }
];

export default {
  ...RibbonMeta,
  snippets
};