<!-- 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/. -->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src resource: chrome:; object-src 'none'; img-src data: chrome:;"
    />
    <meta name="color-scheme" content="light dark" />
    <title data-l10n-id="firefoxview-page-title"></title>
    <link rel="localization" href="browser/firefoxView.ftl" />
    <link rel="localization" href="toolkit/branding/brandings.ftl" />
    <link
      rel="stylesheet"
      href="chrome://browser/content/firefoxview/firefoxview-next.css"
    />
    <script
      type="module"
      src="chrome://browser/content/firefoxview/overview.mjs"
    ></script>
    <script
      type="module"
      src="chrome://browser/content/firefoxview/history.mjs"
    ></script>
    <script
      type="module"
      src="chrome://browser/content/firefoxview/opentabs.mjs"
    ></script>
    <script
      type="module"
      src="chrome://browser/content/firefoxview/recentlyclosed.mjs"
    ></script>
    <script
      type="module"
      src="chrome://browser/content/firefoxview/fxview-category-navigation.mjs"
    ></script>
    <script src="chrome://browser/content/contentTheme.js"></script>
  </head>

  <body>
    <fxview-category-navigation>
      <h2 slot="category-nav-header" data-l10n-id="firefoxview-page-title"></h2>
      <fxview-category-button
        class="category"
        slot="category-button"
        name="overview"
        data-l10n-id="firefoxview-overview-nav"
      >
      </fxview-category-button>
      <fxview-category-button
        class="category"
        slot="category-button"
        name="opentabs"
        data-l10n-id="firefoxview-opentabs-nav"
      >
      </fxview-category-button>
      <fxview-category-button
        class="category"
        slot="category-button"
        name="recentlyclosed"
        data-l10n-id="firefoxview-recently-closed-nav"
      >
      </fxview-category-button>
      <fxview-category-button
        class="category"
        slot="category-button"
        name="synced-tabs"
        data-l10n-id="firefoxview-synced-tabs-nav"
      >
      </fxview-category-button>
      <fxview-category-button
        class="category"
        slot="category-button"
        name="history"
        data-l10n-id="firefoxview-history-nav"
      >
      </fxview-category-button>
    </fxview-category-navigation>
    <main id="pages">
      <named-deck>
        <view-overview name="overview">
          <div>
            <view-opentabs slot="opentabs"></view-opentabs>
          </div>
          <div>
            <view-recentlyclosed slot="recentlyclosed"></view-recentlyclosed>
          </div>
        </view-overview>
        <view-history name="history"></view-history>
        <view-opentabs name="opentabs"></view-opentabs>
        <view-recentlyclosed name="recentlyclosed"></view-recentlyclosed>
      </named-deck>
    </main>
    <script src="chrome://browser/content/firefoxview/firefoxview-next.mjs"></script>
  </body>
</html>
