import Http from "./http"
import Loop from "./loop"
import IF from "./IF"
import ELSE from "./else"
import {ComponentClass} from "react"
import {Content, StepDragType} from "@/component/type";
import {stepProps} from "@/component/step/type";


export interface MenuItem {
    label: React.ReactNode
    key: string
    options: {}
}

export interface StepComponentExport {
    key: string
    component: ComponentClass<stepProps,any>
    defaultDataFunc: () => StepDragType<Content>
}

interface stepMapType {
    [key: string]: StepComponentExport
}

export const stepList = [
    Http,
    Loop,
    IF,
    ELSE
]
// export const menus:Menu[] = stepList.map(step=>step.Menu)

export const stepMap: stepMapType = {}
stepList.forEach(step => {
    stepMap[step.key] = step
})
console.log(stepMap,stepList)
export default {
    stepList,
    stepMap
}