"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TermListItem = void 0;
const react_1 = __importDefault(require("react"));
const TermListItem = ({ item, type, removeFilterItem = () => { }, }) => {
    if (item.values.length === 0) {
        return null;
    }
    else {
        return (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement("li", { className: "search-term-list" },
                react_1.default.createElement("strong", { className: "terms-heading" },
                    type,
                    ":"),
                react_1.default.createElement("ul", null, item.values.map((term, index) => (react_1.default.createElement("li", { key: index },
                    react_1.default.createElement("span", null,
                        term,
                        react_1.default.createElement("span", { onClick: () => removeFilterItem(item.param, term) }, "\u00D7")))))))));
    }
};
exports.TermListItem = TermListItem;
