import './demo4.css';
import Menu from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { SubMenu, Item, Divider } = Menu;
ReactDOM.render(React.createElement(Menu, { className: "my-menu", mode: "popup", popupAlign: "outside" },
    React.createElement(Item, { key: "1" }, "Option 1"),
    React.createElement(Item, { key: "2" }, "Option 2"),
    React.createElement(Item, { key: "3" }, "Option 3"),
    React.createElement(Divider, { key: "divider" }),
    React.createElement(SubMenu, { key: "sub-1", label: "Popup menu 1" },
        React.createElement(Item, { key: "popup-1-1" }, "Popup option 1"),
        React.createElement(Item, { key: "popup-1-2" }, "Popup option 2")),
    React.createElement(SubMenu, { key: "sub-2", label: "Popup menu 2" },
        React.createElement(Item, { key: "popup-2-1" }, "Popup option 1"),
        React.createElement(Item, { key: "popup-2-2" }, "Popup option 2"))), document.getElementById('menu-demo-4'));
