"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TopNav = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var TopNav_module_scss_1 = tslib_1.__importDefault(require("./TopNav.module.scss"));
var TABS = [
    { key: 'dashboard', label: 'Дашборд' },
    { key: 'requestTypes', label: 'Типы заявок' },
    { key: 'routes', label: 'Маршруты' },
    { key: 'resolve', label: 'Проверка маршрута' }
];
var TopNav = function (_a) {
    var active = _a.active, onSelect = _a.onSelect;
    return (React.createElement("nav", { className: TopNav_module_scss_1.default.topnav },
        React.createElement("div", { className: TopNav_module_scss_1.default.brand },
            React.createElement("div", { className: TopNav_module_scss_1.default.mark }, "T"),
            React.createElement("div", { className: TopNav_module_scss_1.default.brandText },
                "TNSU ",
                React.createElement("em", null, "Approval Route"))),
        React.createElement("div", { className: TopNav_module_scss_1.default.tabs }, TABS.map(function (tab) { return (React.createElement("button", { key: tab.key, className: "".concat(TopNav_module_scss_1.default.tab, " ").concat((active === tab.key || (active === 'routeSteps' && tab.key === 'routes')) ? TopNav_module_scss_1.default.on : ''), onClick: function () { return onSelect(tab.key); } }, tab.label)); }))));
};
exports.TopNav = TopNav;
//# sourceMappingURL=TopNav.js.map