import React from "react";
export const TermListItem = ({ item, type, removeFilterItem = () => { }, }) => {
    if (item.values.length === 0) {
        return null;
    }
    else {
        return (React.createElement(React.Fragment, null,
            React.createElement("li", { className: "search-term-list" },
                React.createElement("strong", { className: "terms-heading" },
                    type,
                    ":"),
                React.createElement("ul", null, item.values.map((term, index) => (React.createElement("li", { key: index },
                    React.createElement("span", null,
                        term,
                        React.createElement("span", { onClick: () => removeFilterItem(item.param, term) }, "\u00D7")))))))));
    }
};
