"use strict";

require("./demo3.css");

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

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

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

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

var SubMenu = _["default"].SubMenu,
    Item = _["default"].Item;

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultOpenKeys: "1",
  className: "my-menu",
  openMode: "single"
}, /*#__PURE__*/_react["default"].createElement(SubMenu, {
  key: "0",
  label: "Sub menu 1"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "0-0"
}, "Sub option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "0-1"
}, "Sub option 2"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "0-2"
}, "Sub option 3")), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  key: "1",
  label: "Sub menu 2"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "1-0"
}, "Sub option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "1-1"
}, "Sub option 2"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "1-2"
}, "Sub option 3")), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  key: "2",
  label: "Sub menu 3"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "2-0"
}, "Sub option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "2-1"
}, "Sub option 2"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "2-2"
}, "Sub option 3")), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  key: "3",
  label: "Sub menu 4"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "3-0"
}, "Sub option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "3-1"
}, "Sub option 2"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "3-2"
}, "Sub option 3"))), document.getElementById('menu-demo-3'));