import Radio from '../../radio';
import React from 'react';
import ReactDOM from 'react-dom';
import Tab from '..';
function onChange(key) {
    console.log(key);
}
const Demo = () => {
    const [shape, setShape] = React.useState('pure');
    return (React.createElement("div", null,
        "shape:",
        ' ',
        React.createElement(Radio.Group, { shape: "button", value: shape, onChange: (val) => setShape(val) },
            React.createElement(Radio, { value: "pure" }, "pure"),
            React.createElement(Radio, { value: "wrapped" }, "wrapped"),
            React.createElement(Radio, { value: "text" }, "text")),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(Tab, { shape: shape, onChange: onChange },
            React.createElement(Tab.Item, { key: "home", title: "Home" }, "This is home page"),
            React.createElement(Tab.Item, { key: "document", title: "Document" }, "This is document page"),
            React.createElement(Tab.Item, { key: "api", title: "API" }, "This is api page"),
            React.createElement(Tab.Item, { key: "repo", title: "Repo" }, "This is repo link"))));
};
ReactDOM.render(React.createElement(Demo, null), document.getElementById('tab-demo-2'));
