import { html } from "lit";
import { renderIconButton } from "../../../common/icon-button.js";
import menu from "../../../../images/menu.js";
import { identifierKeywordsSection } from "./keywords.js";
const renderMinimizeButton = ({ props })=>{
    const className = props.minimized ? 'w-fit' : 'ml-auto w-fit';
    return renderIconButton({
        props: {
            partPrefix: 'sidebar-minimize',
            icon: menu,
            style: 'text-transparent',
            title: props.i18n.t('quickview-toggle-navigation'),
            ariaLabel: props.i18n.t('quickview-toggle-navigation'),
            onClick: ()=>props.onMinimize(!props.minimized),
            badge: props.highlightKeywords && props.minimized ? html`<slot>${props.wordsLength}</slot>` : void 0,
            class: className,
            ariaExpanded: (!props.minimized).toString(),
            ariaControls: identifierKeywordsSection
        }
    });
};
export { renderMinimizeButton };
