@yandex/ui/Header/Nav/Header-Nav.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.HeaderNavItem = exports.HeaderNav = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Header_const_1 = require("../Header.const");
var Link_1 = require("../../Link/Link");
require("./Header-Nav.css");
/**
 * Компонент группировки навигационных табов.
 * @param {NavType} props
 *
 */
var HeaderNav = function (_a) {
    var className = _a.className, children = _a.children, innerRef = _a.innerRef;
    return (react_1.default.createElement("nav", { ref: innerRef, className: Header_const_1.cnHeader('Nav', [Header_const_1.cnHeader('Item'), className]) }, children));
};
exports.HeaderNav = HeaderNav;
/**
 * Компонент навигационного таба.
 * @param {HeaderNavLinkProps} props
 *
 */
var HeaderNavItem = function (_a) {
    var href = _a.href, active = _a.active, className = _a.className, icon = _a.icon, children = _a.children, rest = tslib_1.__rest(_a, ["href", "active", "className", "icon", "children"]);
    return (react_1.default.createElement(Link_1.Link, tslib_1.__assign({}, rest, { className: Header_const_1.cnHeader('NavLink', { active: active }, [className]), href: href }),
        icon,
        react_1.default.createElement("span", null, children)));
};
exports.HeaderNavItem = HeaderNavItem;