@up-group-ui/react-controls/dist/Components/Display/Tag/UpTag.js

Up shared react controls

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UpTag = void 0;
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
var useTheme_1 = require("../../../Common/hooks/useTheme");
var UpTag_style_1 = require("./UpTag.style");
var UpTag = function (_a) {
    var id = _a.id, text = _a.text, selected = _a.selected, onChange = _a.onChange;
    var theme = (0, useTheme_1.useTheme)();
    var handleClick = function (e) {
        onChange === null || onChange === void 0 ? void 0 : onChange(e, { id: id, text: text, selected: !selected });
    };
    var styles = (0, UpTag_style_1.getTagStyle)(theme, selected);
    var className = (0, classnames_1.default)(styles, "tag-" + id);
    return ((0, jsx_runtime_1.jsx)("span", (0, tslib_1.__assign)({ className: className, onClick: handleClick, "data-testid": "tag-" + id }, { children: text }), void 0));
};
exports.UpTag = UpTag;
//# sourceMappingURL=UpTag.js.map