/**
 * title: "基础形态"
 * description: ""
 */
import React from 'react';
import { Tab } from '@alicloud/console-components';
var tabs = [
    { tab: '当前选项', key: 'home' },
    { tab: '可选选项', key: 'doc' },
    { tab: '可选选项', key: 'api' },
    { tab: '禁用选项', key: 'repo', disabled: true },
];
export default (function () {
    return (React.createElement(React.Fragment, null,
        React.createElement("div", null,
            React.createElement("h4", null, "\u9875\u7B7E\u9009\u9879\u5361 - \u9ED8\u8BA436px"),
            React.createElement(Tab, { shape: "wrapped" }, tabs.map(function (tab) { return (React.createElement(Tab.Item, { title: tab.tab, key: tab.key, disabled: tab.disabled })); })),
            React.createElement("br", null),
            React.createElement("h4", null, "\u9875\u7B7E\u9009\u9879\u5361 - \u5C0F\u53F732px"),
            React.createElement(Tab, { shape: "wrapped", size: "small" }, tabs.map(function (tab) { return (React.createElement(Tab.Item, { title: tab.tab, key: tab.key, disabled: tab.disabled })); }))),
        React.createElement("br", null),
        React.createElement("div", null,
            React.createElement("h4", null, "\u7EBF\u6027\u9009\u9879\u5361 - \u9ED8\u8BA436px"),
            React.createElement(Tab, null, tabs.map(function (tab) { return (React.createElement(Tab.Item, { title: tab.tab, key: tab.key, disabled: tab.disabled })); })),
            React.createElement("br", null),
            React.createElement("h4", null, "\u7EBF\u6027\u9009\u9879\u5361 - \u5C0F\u53F732px"),
            React.createElement(Tab, { size: "small" }, tabs.map(function (tab) { return (React.createElement(Tab.Item, { title: tab.tab, key: tab.key, disabled: tab.disabled })); })))));
});
