import { html } from "lit";
import { renderFacetValueLabelHighlight } from "../facet-value-label-highlight/facet-value-label-highlight.js";
import { renderFacetValueLink } from "../facet-value-link/facet-value-link.js";
const renderCategoryFacetValueLink = ({ props: { displayValue, numberOfResults, i18n, onClick, isParent, isSelected, searchQuery, isLeafValue, setRef } })=>(children)=>{
        const partNames = [];
        if (isParent) partNames.push('active-parent');
        else partNames.push(`value-link${isSelected ? ' value-link-selected' : ''}`);
        if (isLeafValue) partNames.push('leaf-value');
        else partNames.push('node-value');
        return html`${renderFacetValueLink({
            props: {
                displayValue,
                numberOfResults,
                i18n,
                onClick,
                isSelected,
                searchQuery,
                part: partNames.join(' '),
                class: 'contents',
                buttonRef: (element)=>{
                    setRef?.(element);
                },
                subList: children
            }
        })(renderFacetValueLabelHighlight({
            props: {
                displayValue,
                searchQuery,
                isSelected
            }
        }))}`;
    };
export { renderCategoryFacetValueLink };
