<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="${sdk}"></script>
    <title>${appName}</title>
  </head>
  <body>
    <% if (isSPA) {%>
    <div id="root"></div>
    <%} else {%>
    <div id="root">
      <div class="grid wrapper">
        <div class="cs1 ce12">
          <img src="/src/assets/congratulations.png" alt="" />
        </div>
        <div class="cs1 ce12">
          <h1>Congratulations!</h1>
          <p>You've just created your first Miro app!</p>
          <p>
            To explore more and build your own app, see the Miro Developer
            Platform documentation.
          </p>
        </div>
        <div class="cs1 ce12">
          <a
            class="button button-primary"
            target="_blank"
            href="https://developers.miro.com"
          >
            Read the documentation
          </a>
        </div>
      </div>
    </div>
    <%} %>
    <script type="module" src="/src/${appFileName}"></script>
  </body>
</html>
