import { html } from "lit";
import { ref } from "lit/directives/ref.js";
import { when } from "lit/directives/when.js";
const renderModalDetails = ({ props: { currentAnswer, i18n, detailsInputRef } })=>when('other' === currentAnswer, ()=>html`<fieldset>
        <legend
          part="details-title"
          class="text-on-background text-lg font-bold"
        >
          ${i18n.t('details')}
        </legend>
        <textarea
          part="details-input"
          name="answer-details"
          ${ref(detailsInputRef)}
          class="border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5"
          rows=${4}
          required
        ></textarea>
      </fieldset>`);
export { renderModalDetails };
