import { html, nothing } from "lit";
import { keyed } from "lit/directives/keyed.js";
import { renderButton } from "../button.js";
const renderBreadcrumbClearAll = ({ props })=>html`${keyed('clear-all', html` <li>
      ${renderButton({
        props: {
            ref: (el)=>props.refCallback(el),
            part: 'clear',
            style: 'text-primary',
            text: props.i18n.t('clear'),
            class: 'rounded-xl p-2',
            ariaLabel: props.i18n.t('clear-all-filters'),
            onClick: props.onClick
        }
    })(nothing)}
    </li>`)}`;
export { renderBreadcrumbClearAll };
