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

import * as tslib_1 from "tslib";
import * as React from 'react';
import { buildClassName } from '../core/css-builder';
var AtMenuItemComponent = /** @class */ (function (_super) {
    tslib_1.__extends(AtMenuItemComponent, _super);
    function AtMenuItemComponent(props) {
        return _super.call(this, props) || this;
    }
    AtMenuItemComponent.prototype.render = function () {
        var paddingLeft = {};
        if (this.props.atType === 'inline') {
            paddingLeft = {
                paddingLeft: (this.props.level + 1) * 23,
            };
        }
        var classes = buildClassName({
            'at-menu__item': true,
            'at-menu__item--active': this.props.active,
        });
        return (React.createElement("li", { className: classes, style: paddingLeft },
            React.createElement("div", { className: "at-menu__item-link" }, this.props.children)));
    };
    AtMenuItemComponent.defaultProps = {
        active: false,
        level: 0,
    };
    return AtMenuItemComponent;
}(React.Component));
export { AtMenuItemComponent };
export default AtMenuItemComponent;