import { html } from "lit";
import { localizedString } from "../../../directives/localized-string.js";
const renderCorrection = ({ props })=>html`
    <p class="text-on-background" part="did-you-mean">
      ${localizedString({
        i18n: props.i18n,
        key: 'did-you-mean',
        params: {
            query: html`<button
            class="text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline"
            part="correction-btn"
            @click=${props.onClick}
          >
            ${props.correctedQuery}
          </button>`
        }
    })}
    </p>
  `;
export { renderCorrection };
