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;
