import * as React from "react";
import { MenuContext } from "./menuContext";
import { MenuPortal } from "./MenuPortal";
import { useMenu } from "../../hooks/useMenu";
/**
 * Holds all the menu contents
 * @param {string} style - The custom CSS style for the menu. This is necessary because the DOM's style will be lost when this is sent through a React portal.
 */
export const MenuContent = ({ children, style }) => {
    const { thisMenuId } = React.useContext(MenuContext);
    const { isMenuActive } = useMenu();
    return (React.createElement(MenuPortal, { show: isMenuActive() },
        React.createElement("div", { id: thisMenuId, className: "menu menu-primary", style: style }, children)));
};
//# sourceMappingURL=MenuContent.js.map