import * as React from "react";
import { MenuShell } from "./MenuShell";
import { MenuToggle } from "./MenuToggle";
import { MenuContent } from "./MenuContent";
/**
 * A convenience component that fully encapsulates a menu by constructing a `<MenuShell>` and its contents.
 * All of the props are passed to MenuShell.
 *
 * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the `<body>` tag for the Menu's drop down window.
 * @param {array} [closeHotkey] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
 * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
 * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
 * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
 * @param {number} [minHeight] - Minimum height of the menu
 * @param {array} [openHotkey] - A hotkey combination to open the menu.
 * @param {number} [width=180] - Custom width for the menu.
 * @param {title} [string] - Name that appears in the menu's `<MenuToggle>` button.
 *
 */
export const Menu = (props) => {
    const { children, title } = props;
    return (React.createElement(MenuShell, { ...props },
        React.createElement(MenuToggle, null, title),
        React.createElement(MenuContent, null, children)));
};
//# sourceMappingURL=Menu.js.map