import React, { useEffect, useState } from 'react'
import { Tabs, Card, Modal } from 'antd'
import AdapterStep from './adapterStep';
import { STEP_CONFIG } from './steps/index'
function DataSourceModal(props) {
    const { visible, editData, onFinish, onCancel,
        type = 'postgre',//当前卡片的key （目前只有postgre,支持后续扩展）
        dataSourceFilter,
    } = props;
    const { StepThree } = STEP_CONFIG[type];
    // const onFinish = () => { }
    return <>
        <Modal
            title={editData ? '编辑采集任务' : "新建采集任务"}
            onCancel={() => { onCancel() }}
            open={visible}
            footer={null}
            width={1200}
            destroyOnClose={true}
        >
            <StepThree next={onFinish} dataSourceFilter={dataSourceFilter} editData={editData} />
        </Modal>
    </>
}

export default DataSourceModal