import "../../atomic-icon/atomic-icon.js";
import { html } from "lit";
import { renderButton } from "../../button.js";
import arrow_left_rounded from "../../../../images/arrow-left-rounded.js";
import { getAllCategoriesLocalizedLabel } from "./all-categories-localized-label.js";
const renderCategoryFacetAllCategoryButton = ({ props: { i18n, onClick, facetId, field } })=>{
    const allCategories = getAllCategoriesLocalizedLabel({
        facetId,
        field,
        i18n
    });
    return html`
    ${renderButton({
        props: {
            style: 'text-neutral',
            part: 'all-categories-button',
            onClick: onClick
        }
    })(html`<atomic-icon
          aria-hidden="true"
          icon=${arrow_left_rounded}
          part="back-arrow"
        ></atomic-icon>
        <span class="truncate">${allCategories}</span>`)}
  `;
};
export { renderCategoryFacetAllCategoryButton };
