import './demo5.css';
import Menu from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { PopupItem } = Menu;
class Demo extends React.Component {
    render() {
        const popupProps = {
            target: () => ReactDOM.findDOMNode(this),
            offset: [-1, 0],
            animation: false,
        };
        return (React.createElement(Menu, { className: "my-custom-menu", popupProps: popupProps },
            React.createElement(PopupItem, { key: "0", label: "Popup item 1" },
                React.createElement("div", { className: "my-custom-content" }, "Custom content 1")),
            React.createElement(PopupItem, { key: "1", label: "Popup item 2" },
                React.createElement("div", { className: "my-custom-content" }, "Custom content 2")),
            React.createElement(PopupItem, { key: "2", label: "Popup item 3" },
                React.createElement("div", { className: "my-custom-content" }, "Custom content 3")),
            React.createElement(PopupItem, { key: "3", label: "Popup item 4" },
                React.createElement("div", { className: "my-custom-content" }, "Custom content 4"))));
    }
}
ReactDOM.render(React.createElement(Demo, null), document.getElementById('menu-demo-5'));
