import { Tabs, Button } from 'antd';
import React from 'react';
import PageContainer from '@/components/BasePageContainer';
import styles from './SchemeConfig.less';
import TileConfig from './TileConfig/TileConfig';
import VectorData from './VectorData/VectorData';
import ProjectMessage from './projectMessage/projectMessage';
import SolutionConfig from './solutionConfig/solutionConfig';
import ScopeMap from './ScopeMap/index';

const { TabPane } = Tabs;

const SchemeConfig = () => {
  const callback = () => {};
  return (
    <PageContainer>
      <div className={styles.container}>
        <Tabs onChange={callback} type="card" style={{ width: '100%' }} destroyInactiveTabPane>
          <TabPane tab="底图配置" key="1">
            <TileConfig />
          </TabPane>
          <TabPane tab="管网配置" key="2">
            <VectorData />
          </TabPane>
          <TabPane tab="方案管理" key="3">
            <ProjectMessage />
          </TabPane>
          <TabPane tab="方案配置" key="4">
            <SolutionConfig />
          </TabPane>
          {/* <TabPane tab="范围配置" key="5">
            <ScopeMap />
          </TabPane> */}
        </Tabs>
      </div>
    </PageContainer>
  );
};
export default SchemeConfig;
