import './demo3.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Tab from '..';
const tabs = [
    { tab: 'Home', key: 'home', content: 'This is home page' },
    { tab: 'Document', key: 'doc', content: 'This is document page' },
    { tab: 'API', key: 'api', content: 'This is api page' },
];
ReactDOM.render(React.createElement("div", null,
    React.createElement(Tab, { size: "small" }, tabs.map(item => (React.createElement(Tab.Item, { key: item.key, title: item.tab }, item.content)))),
    React.createElement("br", null),
    React.createElement(Tab, { size: "small", shape: "wrapped" }, tabs.map(item => (React.createElement(Tab.Item, { key: item.key, title: item.tab }, item.content)))),
    React.createElement("br", null),
    React.createElement(Tab, { size: "small", shape: "text" }, tabs.map(item => (React.createElement(Tab.Item, { key: item.key, title: item.tab }, item.content)))),
    React.createElement("br", null),
    React.createElement(Tab, { size: "small", shape: "capsule" }, tabs.map(item => (React.createElement(Tab.Item, { key: item.key, title: item.tab }, item.content))))), document.getElementById('tab-demo-3'));
