@difizen/mana-react
Version:
35 lines • 1.1 kB
JavaScript
import classNames from 'classnames';
import * as React from 'react';
import { MenuContext } from "./context";
import { MenuDivider } from "./divider";
import { MenuItem } from "./item";
import { MenuSubMenu } from "./submenu";
import "./styles/index.less";
import { jsx as _jsx } from "react/jsx-runtime";
var defaultProps = {
prefixCls: 'mana'
};
export var Menu = function Menu(props) {
var _props$prefixCls = props.prefixCls,
prefixCls = _props$prefixCls === void 0 ? defaultProps.prefixCls : _props$prefixCls,
className = props.className,
children = props.children;
var baseCls = "".concat(prefixCls, "-menu");
var ContextProvider = MenuContext.Provider;
var contextValue = {
prefixCls: baseCls
};
if (!children || children instanceof Array && children.length === 0) {
return null;
}
return /*#__PURE__*/_jsx("div", {
className: classNames(baseCls, className),
children: /*#__PURE__*/_jsx(ContextProvider, {
value: contextValue,
children: children
})
});
};
Menu.Item = MenuItem;
Menu.Divider = MenuDivider;
Menu.SubMenu = MenuSubMenu;