<?xml version="1.0"?>

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

<?csp default-src chrome:; img-src resource: chrome:; style-src chrome:
'unsafe-inline'; ?>

<window
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  xmlns:html="http://www.w3.org/1999/xhtml"
  data-l10n-attrs="title, style"
  headerparent="containers-dialog"
  neediconheader="true"
  persist="width height"
>
  <dialog
    id="containers-dialog"
    buttons="accept,cancel"
    buttondisabledaccept="true"
    data-l10n-id="containers-dialog"
    data-l10n-attrs="buttonlabelaccept, buttonaccesskeyaccept"
  >
    <linkset>
      <html:link rel="stylesheet" href="chrome://global/skin/global.css" />
      <html:link
        rel="stylesheet"
        href="chrome://browser/skin/preferences/containers-dialog.css"
      />
      <html:link rel="localization" href="browser/preferences/containers.ftl" />
    </linkset>

    <script src="chrome://global/content/adjustableTitle.js" />
    <script
      type="module"
      src="chrome://global/content/elements/moz-input-text.mjs"
    />
    <script
      type="module"
      src="chrome://global/content/elements/moz-visual-picker.mjs"
    />
    <script src="chrome://browser/content/preferences/dialogs/containers.js" />

    <html:form id="containerForm">
      <html:moz-input-text
        id="name"
        name="name"
        data-l10n-id="containers-name-label2"
      />

      <html:moz-visual-picker
        type="radio"
        name="color"
        id="colorSwatches"
        class="swatches"
        data-l10n-id="containers-color-label2"
      />

      <html:moz-visual-picker
        type="radio"
        name="icon"
        id="iconSwatches"
        class="swatches"
        data-l10n-id="containers-icon-label2"
      />
    </html:form>
  </dialog>
</window>