import React from 'react';
import styles from './style/index.module.less';
import CustomCard from '@/components/CustomCard/index';
import { Tabs } from '@arco-design/web-react';
import CompGrid from './compGrid';

const TabPane = Tabs.TabPane;

function CompositeCompLibrary() {
  return (
    <>
      <div className={styles['composite-comp-library-container']}>
        <CustomCard>
          <Tabs defaultActiveTab="1">
            <TabPane
              key="1"
              title={
                <span>
                  <span>我的复合组件</span>
                </span>
              }
            >
              <CompGrid componentType="myComplex" />
            </TabPane>
            <TabPane
              key="2"
              title={
                <span>
                  <span>公开复合组件</span>
                </span>
              }>
              <CompGrid componentType="publicComplex" />
            </TabPane>
          </Tabs>
        </CustomCard>
      </div>
    </>
  );
}

export default CompositeCompLibrary;