<script type="text/html" id="templates/settings/export/png.html">
  <div class="export-panel-png">
    <div class="export-info">Export your animation as a PNG spritesheet containing all frames.</div>
    <div class="export-panel-section  png-export-layout-section">
      <div style="color: gold; padding-bottom: 5px;">Spritesheet layout options:</div>
      <div style="display: flex;">
        <div style="flex: 1; line-height: 20px;">
          <span>Columns</span>
          <input type="number" class="textfield" id="png-export-columns" name="png-export-columns">
        </div>
        <div style="flex: 1; line-height: 20px;">
          <label for="png-export-power-two">Power of 2</label>
          <input type="checkbox" id="png-export-power-two" name="png-export-power-two">
        </div>
      </div>
    </div>
    <div class="export-panel-section export-panel-row">
      <button type="button" class="button button-primary png-download-button">Download</button>
      <span class="png-export-dimension-info"></span>
    </div>
  </div>
</script>