import { __assign, __extends } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import BaseTab from '../base/BaseTab';
var VerticalTab = (function (_super) {
    __extends(VerticalTab, _super);
    function VerticalTab() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.typeName = 'vertical';
        return _this;
    }
    VerticalTab.prototype.render = function () {
        var _a = this.props, actived = _a.actived, disabled = _a.disabled, children = _a.children;
        return (_jsx("div", __assign({ role: "tab", className: this.tabsCls, "aria-disabled": disabled, "aria-selected": actived, onClick: this.onClick, "data-zv": 'v10.0.11' }, { children: _jsx("div", __assign({ className: "zent-tabs-tab-inner", "data-zv": 'v10.0.11' }, { children: children }), void 0) }), void 0));
    };
    return VerticalTab;
}(BaseTab));
export default VerticalTab;
