import React, { useEffect } from 'react';
import TabLayout from '../../../businessComponents/TabLayout';
import Player from '../Player';
import Form from '../Form';
export default function DrawerTheme(props) {
  const tabList = [
    {
      title: '测试1',
      name: 'cs1',
      icon: 'icon-M_Bar_ObjectMap1',
      content:  <Player />
    },
    {
      title: '测试2',
      name: 'cs2',
      icon: 'icon-S_Edit_AllocationMore',
      content:  <Form />
    },
    {
      title: '测试3',
      name: 'cs3',
      icon: 'icon-S_Photo_Model',
      content:  <Player />
    }
  ];
  useEffect(()=>{

  },[])
  const onTabChange = e => {
    console.log(e);
  };
  return <TabLayout   hasRightExt={true} defaultKey="cs2" {...props} onTabChange={onTabChange}  tabList={tabList}  />;
}
