import React from 'react';
import CustomCard from '@/components/CustomCard';
import SubApplication from './subApplication';
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 Application() {
  return (
    <>
      <div className={style.container}>
        <CustomCard>
          {/*tabs工具栏*/}
          <Tabs defaultActiveTab="1">
            <TabPane key="1"
                     title={
                       <span>
                        <IconUser />
                        我的应用
                      </span>
                     }>
              <Typography.Paragraph>
                <SubApplication dataType={'my'}></SubApplication>
              </Typography.Paragraph>
            </TabPane>
            <TabPane key="2"
                     title={
                       <span>
                        <IconPublic />
                        公开应用
                      </span>
                     }>
              <Typography.Paragraph>
                <SubApplication dataType={'public'}></SubApplication>
              </Typography.Paragraph>
            </TabPane>
          </Tabs>
        </CustomCard>
      </div>
    </>
  );
}

export default Application;