import { Tabs as MyTabs } from 'antd';
import { TabsProps } from 'antd/lib/Tabs';
import './tabs.less';

const Tabs: React.FC<TabsProps> = (props) => {
  const { defaultActiveKey, items = [], ...other } = props;
  const defaultKey = defaultActiveKey || items[0].key;

  return (
    <div className={'tabs_warp'}>
      <MyTabs defaultActiveKey={defaultKey} items={items} {...other} />
    </div>
  );
};

export default Tabs;