Has anyone gotten the modal example to work with having the content variable being HTML or a template file? I am trying to reuse the modal for two different views so I am trying to dynamically set the content in JS by importing a different template file, but it's display the raw string instead of HTML.
Example: trailheadapps/lwc-recipes/modal
Example:
import details from "./templates/details.html";
showModal(data, template) {
this.modalHeader = data.customerName + " - " + data.recommendation;
this.modalContent = template;
const modal = this.template.querySelector("c-modal");
modal.show();
}