import React, { useState } from 'react';
import { Tabs } from 'antd';

import Draft from './draft'
import Recycle from './recycle'
import './index.less'

const { TabPane } = Tabs;

const FC = () => {
  const [tabKey, setTabKey] = useState('1');

  const onTabChange = (key) => {
    setTabKey(key);
  }

  return (
    <div className='asset-draft'>
      <Tabs 
        tabBarExtraContent={{
          left:<div style={{ marginLeft:10 }}></div>
        }}
        size="large" 
        activeKey={tabKey} 
        onChange={onTabChange}
      >
        <TabPane tab='草稿' key='1'>
          <Draft />
        </TabPane>
        <TabPane tab='未挂载' key='2'>
          <Recycle />
        </TabPane>
      </Tabs>
    </div>
  )
}

export default FC