import './demo15.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Tab from '..';
function callback(key) {
    console.log(key);
}
ReactDOM.render(React.createElement(Tab, { onChange: callback, shape: "wrapped" },
    React.createElement(Tab.Item, { title: "Tab 1", key: "1" },
        React.createElement(Tab, { shape: "wrapped" },
            React.createElement(Tab.Item, { title: "1-1", key: "11" }, "1-1"),
            React.createElement(Tab.Item, { title: "1-2", key: "12" }, "1-2"),
            React.createElement(Tab.Item, { title: "1-3", key: "13" }, "1-3"))),
    React.createElement(Tab.Item, { title: "Tab 2", key: "2" },
        React.createElement(Tab, { shape: "pure" },
            React.createElement(Tab.Item, { title: "2-1", key: "21" }, "2-1"),
            React.createElement(Tab.Item, { title: "2-2", key: "22" }, "2-2"),
            React.createElement(Tab.Item, { title: "3-3", key: "23" }, "2-3"))),
    React.createElement(Tab.Item, { title: "Tab 3", key: "3" },
        React.createElement(Tab, { shape: "pure" },
            React.createElement(Tab.Item, { title: "3-1", key: "31" }, "3-1"),
            React.createElement(Tab.Item, { title: "3-2", key: "32" }, "3-2"),
            React.createElement(Tab.Item, { title: "3-3", key: "33" }, "3-3"))),
    React.createElement(Tab.Item, { title: "Tab 4", key: "4" },
        React.createElement(Tab, { shape: "text" },
            React.createElement(Tab.Item, { title: "4-1", key: "41" }, "4-1"),
            React.createElement(Tab.Item, { title: "4-2", key: "42" }, "4-2"),
            React.createElement(Tab.Item, { title: "4-3", key: "43" }, "4-3")))), document.getElementById('tab-demo-15'));
