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

const YCDividerMeta: IPublicTypeComponentMetadata = {
  "componentName": "YCDivider",
  "title": "YCDivider",
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "yc-material",
    "version": "0.1.0",
    "exportName": "YCDivider",
    "main": "src/index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    "props": [
      {
        title: {
          "label": {
            "type": "i18n",
            "en-US": "children",
            "zh-CN": "文字内容"
          }
        },
        "name": "children",
        "setter": "StringSetter",
        "supportVariable": true
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "type",
            "zh-CN": "类型"
          },
          "tip": "type | 分割线的类型，是水平还是竖直，分别对应 `horizontal` 和 `vertical`"
        },
        "name": "type",
        "description": "分割线的类型，是水平还是竖直，分别对应 `horizontal` 和 `vertical`",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
            "options": [
              {
                "label": "horizontal",
                "value": "horizontal"
              },
              {
                "label": "vertical",
                "value": "vertical"
              }
            ]
          },
          "initialValue": "horizontal"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "orientation",
            "zh-CN": "文字位置"
          },
          "tip": "orientation | 分割线文字的位置"
        },
        "name": "orientation",
        "description": "分割线文字的位置",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
       
            "options": [
              {
                "label": "left",
                "value": "left"
              },
              {
                "label": "right",
                "value": "right"
              },
              {
                "label": "center",
                "value": "center"
              }
            ]
          },
          "initialValue": "left"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "className",
            "zh-CN": "className"
          }
        },
        "name": "className",
        "setter": {
          "componentName": "MixedSetter",
          "props": {
            "setters": [
              {
                "componentName": "StringSetter",
                "isRequired": false,
                "initialValue": ""
              },
              {
                "componentName": "ArraySetter",
                "props": {
                  "itemSetter": {
                    "componentName": "StringSetter",
                    "isRequired": false,
                    "initialValue": ""
                  }
                },
                "initialValue": []
              }
            ]
          }
        }
      },
    ],
    "supports": {
      "style": true
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    "title": "分割线",
    "screenshot": "",
    "schema": {
      "componentName": "YCDivider",
      "props": {}
    }
  }
];

export default {
  ...YCDividerMeta,
  snippets
};