import SchemaToElement from 'schema-to-react-element'

const schemaToElement = new SchemaToElement()
const schema = [
  {
    baseType: "div",
    props: {
      className: 'div'
    },
    children: [
      {
        baseType: 'span',
        props: {
          className: 'span'
        },
        children: 'span'
      }
    ]
  }
]

ReactDOM.render(schemaToElement.schemaToReactElement(schema), document.querySelector('#app'))

import SchemaToElement from 'schema-to-react-element'
import * as Antd from 'antd'

const schemaToElement = new SchemaToElement({
  uiLib: Antd
})
const schema = [
  {
    baseType: 'Input',
    props: {
      placeholder: '请输入'
    }
  }
]

ReactDOM.render(schemaToElement.schemaToReactElement(schema), document.querySelector('#app'))

interface ISchemaObj {
  baseType: string
  props?: (React.HTMLAttributes<any> & React.ClassAttributes<any>) | null
  children?: React.ReactNode[] | ISchemaObj
  key?: React.Key
}

interface ISchemaArr {
  [index: number]: ISchemaObj
}