"use strict";

require("./demo14.css");

var _grid = _interopRequireDefault(require("../../grid"));

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 Row = _grid["default"].Row,
    Col = _grid["default"].Col;

var tabs = function (length) {
  var arr = [];

  for (var i = 1; i < length; i++) {
    arr.push({
      tab: "tab ".concat(i),
      key: i,
      content: "tab ".concat(i, " content")
    });
  }

  return arr;
}(15);

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  className: "custom-wrapper"
}, /*#__PURE__*/_react["default"].createElement(Row, {
  className: "custom-row"
}, /*#__PURE__*/_react["default"].createElement(Col, {
  fixedSpan: "12",
  className: "custom-col-sidebar"
}, "Sidebar"), /*#__PURE__*/_react["default"].createElement(Col, {
  className: "custom-col-content"
}, /*#__PURE__*/_react["default"].createElement(_["default"], null, tabs.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    key: item.key,
    title: item.tab
  }, item.content);
}))))), document.getElementById('tab-demo-14'));