<!DOCTYPE html>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
   - You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src chrome:;img-src data:; object-src 'none'"
    />

    <link rel="localization" href="browser/screenshots.ftl" />

    <link rel="stylesheet" href="chrome://global/skin/in-content/common.css" />
    <link
      rel="stylesheet"
      href="chrome://browser/content/screenshots/screenshots.css"
    />
    <script
      defer
      src="chrome://browser/content/screenshots/screenshots.js"
    ></script>
  </head>

  <body>
    <template id="screenshots-dialog-template">
      <div class="image-view">
        <div class="preview-buttons">
          <button
            id="retry"
            class="preview-button"
            data-l10n-id="screenshots-retry-button-title"
          >
            <img src="chrome://global/skin/icons/reload.svg" />
          </button>
          <button
            id="cancel"
            class="preview-button"
            data-l10n-id="screenshots-cancel-button-title"
          >
            <img src="chrome://global/skin/icons/close.svg" />
          </button>
          <button
            id="copy"
            class="preview-button"
            data-l10n-id="screenshots-copy-button-title"
          >
            <img src="chrome://global/skin/icons/edit-copy.svg" />
            <span data-l10n-id="screenshots-copy-button" />
          </button>
          <button
            id="download"
            class="preview-button primary"
            data-l10n-id="screenshots-download-button-title"
          >
            <img src="chrome://browser/skin/downloads/downloads.svg" />
            <span data-l10n-id="screenshots-download-button" />
          </button>
        </div>
        <div class="preview-image">
          <div id="preview-image-div"></div>
        </div>
      </div>
    </template>
  </body>
</html>
