import Box from '../../box';
import MenuButton from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { Item } = MenuButton;
const menu = ['Undo', 'Redo', 'Cut', 'Copy', 'Paste'].map(item => (React.createElement(Item, { key: item }, item)));
ReactDOM.render(React.createElement("div", null,
    React.createElement(Box, { direction: "row", spacing: 20 },
        React.createElement(MenuButton, { label: "Document Edit" }, menu),
        React.createElement(MenuButton, { type: "primary", label: "Document Edit" }, menu),
        React.createElement(MenuButton, { type: "secondary", label: "Document Edit" }, menu)),
    React.createElement("br", null),
    React.createElement(Box, { direction: "row", spacing: 20 },
        React.createElement(MenuButton, { text: true, label: "Document Edit" }, menu),
        React.createElement(MenuButton, { text: true, type: "primary", label: "Document Edit" }, menu),
        React.createElement(MenuButton, { text: true, type: "secondary", label: "Document Edit" }, menu))), document.getElementById('menu-button-demo-1'));
