import { html } from "lit";
import { localizedString } from "../../../directives/localized-string.js";
const renderNoItems = ({ props })=>{
    const content = props.query ? localizedString({
        i18n: props.i18n,
        key: `${props.i18nKey}-for`,
        params: {
            query: html`<span
            class="inline-block max-w-full overflow-hidden align-bottom font-bold text-ellipsis whitespace-normal"
            part="highlight"
          >
            ${localizedString({
                i18n: props.i18n,
                key: 'between-quotations',
                params: {
                    text: props.query
                }
            })}
          </span>`
        }
    }) : props.i18n.t(props.i18nKey);
    return html`
    <div
      class="my-2 max-w-full text-center text-2xl font-medium"
      part="no-results"
    >
      ${content}
    </div>
  `;
};
export { renderNoItems };
