"use strict";

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

var header = /*#__PURE__*/_react["default"].createElement("span", {
  className: "fusion"
}, "FUSION");

var footer = /*#__PURE__*/_react["default"].createElement("a", {
  className: "login-in",
  href: "javascript:;"
}, "Login in");

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    padding: '10px',
    backgroundColor: '#f3f3f3'
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  className: "basic-nav",
  mode: "popup",
  direction: "hoz",
  type: "normal",
  header: header,
  footer: footer,
  defaultSelectedKeys: ['home'],
  triggerType: "click"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "home"
}, "Home"), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Component" // @ts-ignore

}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "1234"
}, "\b\u8FD9\u662F\u6587\u5B57"), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Next"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "next-design"
}, "Design"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "next-doc"
}, "Document")), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Meet"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-design"
}, "Design"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-doc"
}, "Document")), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-doc"
}, "\b", /*#__PURE__*/_react["default"].createElement("a", {
  href: "11111"
}, "\u8FD9\u662F\u94FE\u63A5"))), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "document"
}, "Document")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  className: "basic-nav",
  mode: "popup",
  direction: "hoz",
  type: "primary",
  header: header,
  footer: footer,
  defaultSelectedKeys: ['home'],
  triggerType: "click"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "home"
}, "Home"), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Component" // @ts-ignore

}, /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Next"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "next-design"
}, "Design"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "next-doc"
}, "Document")), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Meet"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-design"
}, "Design"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-doc"
}, "Document")), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-doc"
}, "\b", /*#__PURE__*/_react["default"].createElement("a", {
  href: "11111"
}, "\u8FD9\u662F\u94FE\u63A5"))), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "document"
}, "Document")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  className: "basic-nav",
  mode: "popup",
  direction: "hoz",
  type: "secondary",
  header: header,
  footer: footer,
  defaultSelectedKeys: ['home'],
  triggerType: "click"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "home"
}, /*#__PURE__*/_react["default"].createElement("a", {
  href: "#"
}, "Home")), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Component" // @ts-ignore

}, /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Next"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "next-design"
}, /*#__PURE__*/_react["default"].createElement("a", {
  href: "#"
}, "Design")), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "next-doc"
}, "Document")), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Meet"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-design"
}, "Design"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-doc"
}, "Document")), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-doc"
}, "\b", /*#__PURE__*/_react["default"].createElement("a", {
  href: "11111"
}, "\u8FD9\u662F\u94FE\u63A5"))), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "document"
}, "Document")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  className: "basic-nav",
  mode: "popup",
  direction: "hoz",
  type: "line",
  header: header,
  footer: footer,
  defaultSelectedKeys: ['home'],
  triggerType: "click"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "home"
}, "Home"), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Component" // @ts-ignore

}, /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Next"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "next-design"
}, "Design"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "next-doc"
}, "Document")), /*#__PURE__*/_react["default"].createElement(SubNav, {
  label: "Meet"
}, /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-design"
}, "Design"), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "meet-doc"
}, "Document"))), /*#__PURE__*/_react["default"].createElement(Item, {
  key: "document"
}, "Document"))), document.getElementById('nav-demo-1'));