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

ReactDOM.render(
  <Menu defaultOpenKeys="1" className="my-menu" openMode="single">
    <SubMenu key="0" label="Sub menu 1">
      <Item key="0-0">Sub option 1</Item>
      <Item key="0-1">Sub option 2</Item>
      <Item key="0-2">Sub option 3</Item>
    </SubMenu>
    <SubMenu key="1" label="Sub menu 2">
      <Item key="1-0">Sub option 1</Item>
      <Item key="1-1">Sub option 2</Item>
      <Item key="1-2">Sub option 3</Item>
    </SubMenu>
    <SubMenu key="2" label="Sub menu 3">
      <Item key="2-0">Sub option 1</Item>
      <Item key="2-1">Sub option 2</Item>
      <Item key="2-2">Sub option 3</Item>
    </SubMenu>
    <SubMenu key="3" label="Sub menu 4">
      <Item key="3-0">Sub option 1</Item>
      <Item key="3-1">Sub option 2</Item>
      <Item key="3-2">Sub option 3</Item>
    </SubMenu>
  </Menu>,
  document.getElementById('menu-demo-3'),
);