import './demo4.css';
import Menu from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { SubMenu, Item, Divider } = Menu;


ReactDOM.render(
  <Menu className="my-menu" mode="popup" popupAlign="outside">
    <Item key="1">Option 1</Item>
    <Item key="2">Option 2</Item>
    <Item key="3">Option 3</Item>
    <Divider key="divider" />
    <SubMenu key="sub-1" label="Popup menu 1">
      <Item key="popup-1-1">Popup option 1</Item>
      <Item key="popup-1-2">Popup option 2</Item>
    </SubMenu>
    <SubMenu key="sub-2" label="Popup menu 2">
      <Item key="popup-2-1">Popup option 1</Item>
      <Item key="popup-2-2">Popup option 2</Item>
    </SubMenu>
  </Menu>,
  document.getElementById('menu-demo-4'),
);