/**
 * title: "文字选项卡"
 * description: ""
 */
import React from 'react';
import { Tab } from '@alicloud/console-components';

const tabs = [
  { tab: '可选选项', key: 'home' },
  { tab: '可选选项', key: 'doc' },
  { tab: '当前选项', key: 'api' },
  { tab: '悬浮选项', key: 'api1' },
  { tab: '禁用选项', key: 'repo', disabled: true },
];

export default () => {
  return (
    <>
      <div>
        <h4>文字选项卡</h4>
        <Tab shape="text">
          {tabs.map((tab) => (
            <Tab.Item title={tab.tab} key={tab.key} disabled={tab.disabled} />
          ))}
        </Tab>
      </div>
    </>
  );
};