import { html, nothing } from "lit";
import { keyed } from "lit/directives/keyed.js";
import { renderButton } from "../button.js";
const renderBreadcrumbShowLess = ({ props })=>{
    if (props.isCollapsed) return nothing;
    return html`${keyed('show-less', html`
      <li>
        ${renderButton({
        props: {
            part: 'show-less',
            style: 'outline-primary',
            text: props.i18n.t('show-less'),
            class: 'rounded-xl p-2',
            onClick: props.onShowLess
        }
    })(nothing)}
      </li>
    `)}`;
};
export { renderBreadcrumbShowLess };
