import React from 'react';
import CustomCard from '@/components/CustomCard';
import Engineering from './engineering';
import { Tabs, Typography } from '@arco-design/web-react';
import { IconUser, IconPublic } from '@arco-design/web-react/icon';
import style from './style/index.module.less';

const TabPane = Tabs.TabPane;

function Scene() {
  return (
    <>
      <div className={style.container}>
        <CustomCard>
          {/*tabs工具栏*/}
          <Tabs defaultActiveTab="1">
            <TabPane key="1"
                     title={
                       <span>
                        <IconUser />
                        我的工程
                      </span>
                     }>
              <Typography.Paragraph>
                <Engineering dataType={'my'}></Engineering>
              </Typography.Paragraph>
            </TabPane>
            <TabPane key="2"
                     title={
                       <span>
                        <IconPublic />
                        公开工程
                      </span>
                     }>
              <Typography.Paragraph>
                <Engineering dataType={'public'}></Engineering>
              </Typography.Paragraph>
            </TabPane>
          </Tabs>
        </CustomCard>
      </div>
    </>
  );
}

export default Scene;