zangai-react/esm5/menu/menu.component.js

import * as tslib_1 from "tslib";
import * as React from 'react';
import { buildClassName } from '../core/css-builder';
import AtMenuItemComponent from './menu-item.component';
import { AtSubMenuComponent } from './sub-menu.component';
import { ChildrenWithProp } from '../core/common';
var AtMenu = /** @class */ (function (_super) {
    tslib_1.__extends(AtMenu, _super);
    function AtMenu(props) {
        return _super.call(this, props) || this;
    }
    AtMenu.prototype.render = function () {
        var _a;
        var classes = buildClassName((_a = {
                'at-menu': true
            },
            _a["at-menu--" + this.props.atType] = true,
            _a["at-menu--" + this.props.theme] = true,
            _a));
        var _b = this.props, children = _b.children, prop = tslib_1.__rest(_b, ["children"]);
        return (React.createElement("ul", { className: classes, style: this.props.style }, ChildrenWithProp(this.props.children, prop)));
    };
    AtMenu.MenuItem = AtMenuItemComponent;
    AtMenu.SubMenu = AtSubMenuComponent;
    AtMenu.defaultProps = {
        atType: 'horizontal',
        theme: 'light',
    };
    return AtMenu;
}(React.Component));
export { AtMenu };