"use strict";
exports.__esModule = true;
exports.TagGroup = void 0;
var tslib_1 = require("tslib");
// @ts-nocheck
require("./TagGroup.css");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var bem_1 = require("../../utils/bem");
var Tag_1 = require("../Tag/Tag");
var cnTagGroup = (0, bem_1.cn)('TagGroup');
exports.TagGroup = react_1["default"].forwardRef(function (props, ref) {
    var _a = props.gap, gap = _a === void 0 ? 'm' : _a, _b = props.mode, mode = _b === void 0 ? 'link' : _b, _c = props.size, size = _c === void 0 ? 's' : _c, items = props.items, otherProps = (0, tslib_1.__rest)(props, ["gap", "mode", "size", "items"]);
    return (react_1["default"].createElement("div", (0, tslib_1.__assign)({ ref: ref }, otherProps, { className: cnTagGroup({
            gap: gap
        }) }), items.map(function (item) { return (react_1["default"].createElement(Tag_1.Tag, { mode: mode, size: size, key: item.id, label: item.title })); })));
});
