import './demo1.css';
import Menu from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { SubMenu, Item, Group, Divider } = Menu;
ReactDOM.render(React.createElement(Menu, { className: "my-menu", defaultOpenKeys: "sub-menu" },
    React.createElement(Item, { key: "1" }, "Option 1"),
    React.createElement(Item, { disabled: true, key: "2" }, "Disabled option 2"),
    React.createElement(Divider, { key: "divider" }),
    React.createElement(Group, { label: "Group" },
        React.createElement(Item, { key: "group-1" }, "Group option 1"),
        React.createElement(Item, { key: "group-2" }, "Group option 2")),
    React.createElement(Divider, null),
    React.createElement(SubMenu, { key: "sub-menu", label: "Sub menu" },
        React.createElement(Item, { key: "sub-1" }, "Sub option 1"),
        React.createElement(Item, { key: "sub-2" }, "Sub option 2"),
        React.createElement(Item, { disabled: true, key: "sub-3" },
            React.createElement("a", { href: "https://www.taobao.com/", target: "__blank" }, "Disabled Option Link 3")),
        React.createElement(Item, { key: "sub-4" },
            React.createElement("a", { href: "https://www.taobao.com/", target: "__blank" }, "Option Link 4"))),
    React.createElement(Item, { key: "3", helper: "CTRL+P" }, "Option 3"),
    React.createElement(Item, { disabled: true, key: "4" },
        React.createElement("a", { href: "https://www.taobao.com/", target: "__blank" }, "Disabled Option Link")),
    React.createElement(Item, { key: "5" },
        React.createElement("a", { href: "https://www.taobao.com/", target: "__blank" }, "Option Link"))), document.getElementById('menu-demo-1'));
