"use strict";

require("./demo2.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"] // @ts-ignore
, {
  hozInLine: true,
  direction: "hoz",
  mode: "popup",
  className: "my-hoz-menu",
  popupClassName: "my-hoz-menu",
  popupAutoWidth: true
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "1"
}, "First"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "2"
}, "Second"), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  label: "Sub Nav"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "sub-12"
}, "Sub option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "sub-22"
}, "Sub option 2"), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  label: "Sub Sub Nav"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "sub-sub-122"
}, "Sub sub option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "sub-sub-222"
}, "Sub sub option 2"))), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  label: "Sub Nav"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "sub-1"
}, "Sub option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "sub-2"
}, "Sub option 2"), /*#__PURE__*/_react["default"].createElement(SubMenu, {
  label: "Sub Sub Nav"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "sub-sub-1"
}, "Sub sub option 1"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "sub-sub-2"
}, "Sub sub option 2"))), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "3"
}, "Third")), document.getElementById('menu-demo-2'));