import { html, render } from "lit";
import { encodeForDomAttribute } from "../../../utils/string-utils.js";
import { getClassNameForButtonStyle } from "../button-style.js";
const getPartialInstantItemElement = (i18n, i18nKey, itemTitle, itemUniqueId)=>({
        ariaLabel: i18n.t(i18nKey, {
            title: itemTitle,
            interpolation: {
                escapeValue: false
            }
        }),
        key: `instant-result-${encodeForDomAttribute(itemUniqueId)}`,
        part: 'instant-results-item'
    });
const getPartialInstantItemShowAllElement = (i18n, i18nKey)=>({
        key: 'instant-results-show-all-button',
        part: 'instant-results-show-all',
        ariaLabel: i18n.t(i18nKey)
    });
const renderInstantItemShowAllButton = ({ i18n, i18nKey })=>{
    const template = html`<div
    part="instant-results-show-all-button"
    class="pointer-events-none ${getClassNameForButtonStyle('text-primary')}"
  >
    ${i18n.t(i18nKey)}
  </div>`;
    const container = document.createElement('div');
    render(template, container);
    return container.firstElementChild;
};
export { getPartialInstantItemElement, getPartialInstantItemShowAllElement, renderInstantItemShowAllButton };
