import { html } from "lit";
const renderModalOption = ({ props: { correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange } })=>html`<div
    class="text-neutral-dark text-base leading-4 mt-4 desktop:mt-2 flex items-center"
    part="reason"
  >
    <input
      part="reason-radio"
      type="radio"
      name="answer"
      id=${id}
      ?checked=${currentAnswer === correspondingAnswer}
      @change=${onChange}
      class="mr-2 h-4 w-4"
      required
    />
    <label part="reason-label" for=${id}> ${i18n.t(localeKey)} </label>
  </div>`;
export { renderModalOption };
