import { html } from "lit";
import { ifDefined } from "lit/directives/if-defined.js";
import clear from "../../../../images/clear.js";
import "../../atomic-icon/atomic-icon.js";
const renderFacetValueExclude = ({ props })=>html`<button
    class="value-exclude-button peer invisible absolute right-2 z-1 order-last ml-auto flex group-hover:visible"
    part="value-exclude-button"
    aria-label=${ifDefined(props.ariaLabel)}
    @click=${()=>props.onClick?.()}
  >
    <atomic-icon
      class="bg-neutral hover:bg-error order-last w-4 rounded p-1 hover:fill-white"
      icon=${clear}
    ></atomic-icon>
  </button> `;
export { renderFacetValueExclude };
