import './demo5.css';
import Radio from '../../radio';
import React from 'react';
import ReactDOM from 'react-dom';
import Tab from '..';
const Demo = () => {
    const [tabPosition, setTabPosition] = React.useState('top');
    return (React.createElement("div", null,
        "Position:",
        ' ',
        React.createElement(Radio.Group, { shape: "button", value: tabPosition, onChange: (val) => setTabPosition(val) },
            React.createElement(Radio, { value: "top" }, "top"),
            React.createElement(Radio, { value: "bottom" }, "bottom"),
            React.createElement(Radio, { value: "left" }, "left"),
            React.createElement(Radio, { value: "right" }, "right")),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(Tab, { tabPosition: tabPosition, shape: "wrapped", size: 'large', contentClassName: "custom-tab-content" },
            React.createElement(Tab.Item, { title: "Tab 1", key: "1" }, "Tab 1 Content"),
            React.createElement(Tab.Item, { title: "Tab 2", key: "2" }, "Tab 2 Content"),
            React.createElement(Tab.Item, { title: "Tab 3", key: "3" }, "Tab 3 Content"))));
};
ReactDOM.render(React.createElement(Demo, null), document.getElementById('tab-demo-5'));
