Initial commit

Co-Authored-By: Eric Tuvesson <eric.tuvesson@gmail.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: Anders Larsson <64838990+anders-topp@users.noreply.github.com>
Co-Authored-By: Johan  <4934465+joolsus@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: victoratndl <99176179+victoratndl@users.noreply.github.com>

packages/noodl-viewer-react/src/tooltips.js

@@ -0,0 +1,28 @@
+export function createTooltip({ title, body, images }) {
+  let html = `<h3>${title}</h3>`;
+  if (body) {
+    body = Array.isArray(body) ? body : [body];
+
+    html += body.map((text) => `<p>${text}</p>`).join('');
+  }
+
+  if (images) {
+    let imgHtml = '';
+
+    images.forEach((e) => {
+      imgHtml += `<div class="popup-layer-image-item">`;
+      imgHtml += `<img src="../assets/images/tooltips/${e.src}">`;
+      if (e.label) {
+        imgHtml += `<h3>${e.label}</h3>`;
+      }
+      if (e.body) {
+        imgHtml += `<p>${e.body}</p>`;
+      }
+      imgHtml += `</div>`;
+    });
+
+    html += `<div class="popup-layer-image-row">${imgHtml}</div>`;
+  }
+
+  return html;
+}