"use strict";

var _button = _interopRequireDefault(require("../../button"));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _ = _interopRequireDefault(require(".."));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function handleChange(key) {
  console.log(key);
}

function handleClick() {
  console.log('hello world');
}

var extraContent = /*#__PURE__*/_react["default"].createElement(_button["default"], {
  type: "primary",
  onClick: handleClick
}, "Hello world");

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  className: "fusion-demo"
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "demo-item-title"
}, "Extra in Horizontal"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  shape: "wrapped",
  onChange: handleChange,
  extra: extraContent
}, /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Tab 1",
  key: "1"
}, "Tab 1 Content"), /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Tab 2",
  key: "2"
}, "Tab 2 Content"), /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Tab 3",
  key: "3"
}, "Tab 3 Content")), /*#__PURE__*/_react["default"].createElement("div", {
  className: "demo-item-title"
}, "Extra in Vertical"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  shape: "wrapped",
  tabPosition: "left",
  onChange: handleChange,
  extra: extraContent,
  contentClassName: "custom-tab-content"
}, /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Tab 1",
  key: "1"
}, "Tab 1 Content"), /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Tab 2",
  key: "2"
}, "Tab 2 Content"), /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Tab 3",
  key: "3"
}, "Tab 3 Content"))), document.getElementById('tab-demo-12'));