"use strict";

require("./demo4.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,
    Divider = _["default"].Divider;

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_["default"], {
  className: "my-menu",
  mode: "popup",
  popupAlign: "outside"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "1"
}, "Option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "2"
}, "Option 2"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "3"
}, "Option 3"), /*#__PURE__*/_react["default"].createElement(Divider, {
  key: "divider"
}), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  key: "sub-1",
  label: "Popup menu 1"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "popup-1-1"
}, "Popup option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "popup-1-2"
}, "Popup option 2")), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  key: "sub-2",
  label: "Popup menu 2"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "popup-2-1"
}, "Popup option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "popup-2-2"
}, "Popup option 2"))), document.getElementById('menu-demo-4'));