import React, { useState, useEffect } from 'react';
import { Tabs } from 'antd';
import PageContainer from '@/components/BasePageContainer';
import BaseConfig from './baseConfig/BaseConfig'
import IotConfig from './IotConfig/IotConfig'
import MessageConfig from './messageConfig/messageConfig'
import ProxyConfig from './proxyConfig/ProxyConfig'
import GateConfig from './gateWay/gateWay'

const { TabPane } = Tabs;

const HostManager = () => {

    const callback = () => {

    }

    return (
        <PageContainer>
            <Tabs onChange={callback} type="card">
                <TabPane tab="基础配置" key="1">
                    <BaseConfig/>
                </TabPane>
                <TabPane tab="物联配置" key="2">
                    <IotConfig/>
                </TabPane>
                <TabPane tab="消息配置" key="3">
                    <MessageConfig/>
                </TabPane>
                <TabPane tab="代理配置" key="4">
                    <ProxyConfig/>
                </TabPane>
                <TabPane tab="网关配置" key="5">
                    <GateConfig/>
                </TabPane>
            </Tabs>
        </PageContainer>
    )

}
export default HostManager;