"use strict";

require("./demo3.css");

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

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

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

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

var 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["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], null, tabs.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    closeable: true,
    key: item.key,
    title: item.tab
  }, item.content);
})), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  shape: "text"
}, tabs.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    closeable: true,
    key: item.key,
    title: item.tab
  }, item.content);
})), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  shape: "wrapped"
}, tabs.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    key: item.key,
    title: item.tab
  }, item.content);
})), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    background: '#f7f7f7',
    padding: '10px'
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  shape: "wrapped",
  theme: "grey"
}, tabs.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    closeable: true,
    key: item.key,
    title: item.tab
  }, item.content);
}))), /*#__PURE__*/_react["default"].createElement("p", null, "\u5168\u5C40\u901A\u680FTab"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  shape: "wrapped",
  size: "large"
}, tabs.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    closeable: true,
    key: item.key,
    title: item.tab
  }, item.content);
})), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large"
}, tabs.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    closeable: true,
    key: item.key,
    title: item.tab
  }, item.content);
})), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  shape: "text",
  size: "large"
}, tabs.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    closeable: true,
    key: item.key,
    title: item.tab
  }, item.content);
})), /*#__PURE__*/_react["default"].createElement("br", null)), document.getElementById('tab-demo-3'));