import { Tabs, Icon } from '@btri-ui/base';
import React from 'react';

const { TabPane } = Tabs;

const onChange = (key: string) => {
  console.log(key);
};

const App: React.FC = () => (
  <Tabs defaultActiveKey="1" onChange={onChange}>
    <TabPane
      tab={
        <>
          <Icon iconName="Label" />
          选项一
        </>
      }
      key="1"
    >
      选项一
    </TabPane>
    <TabPane
      tab={
        <>
          <Icon iconName="Label" />
          选项二
        </>
      }
      key="2"
    >
      选项二
    </TabPane>
    <TabPane
      tab={
        <>
          <Icon iconName="Label" />
          选项三
        </>
      }
      key="3"
    >
      选项三
    </TabPane>
    <TabPane
      tab={
        <>
          <Icon iconName="Label" />
          选项四
        </>
      }
      key="4"
    >
      选项四
    </TabPane>
    <TabPane
      tab={
        <>
          <Icon iconName="Label" />
          选项五
        </>
      }
      key="5"
      disabled
    >
      选项五
    </TabPane>
  </Tabs>
);

export default App;