// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Confirm Remove Account should match snapshot 1`] = `
<div>
  <div
    class="modal-container"
  >
    <div
      class="modal-container__header"
    >
      <div
        class="modal-container__header-text"
      >
        Remove account?
      </div>
      <div
        class="modal-container__header-close"
        data-testid="modal-header-close"
      />
    </div>
    <div
      class="modal-container__content"
    >
      <div>
        <div
          class="confirm-remove-account__account"
        >
          <div
            class="confirm-remove-account__account__identicon"
          >
            <div
              class=""
            >
              <div
                class="identicon"
                style="height: 32px; width: 32px; border-radius: 16px;"
              >
                <div
                  style="border-radius: 50px; overflow: hidden; padding: 0px; margin: 0px; width: 32px; height: 32px; display: inline-block; background: rgb(24, 151, 242);"
                >
                  <svg
                    height="32"
                    width="32"
                    x="0"
                    y="0"
                  >
                    <rect
                      fill="#2362E1"
                      height="32"
                      transform="translate(3.589330184792517 -5.334310623233522) rotate(458.4 16 16)"
                      width="32"
                      x="0"
                      y="0"
                    />
                    <rect
                      fill="#F94301"
                      height="32"
                      transform="translate(-15.363459289650208 7.992351635486631) rotate(268.8 16 16)"
                      width="32"
                      x="0"
                      y="0"
                    />
                    <rect
                      fill="#FA7900"
                      height="32"
                      transform="translate(-9.076254079301423 29.480015880683375) rotate(117.3 16 16)"
                      width="32"
                      x="0"
                      y="0"
                    />
                  </svg>
                </div>
              </div>
            </div>
          </div>
          <div
            class="confirm-remove-account__account__name"
          >
            <span
              class="confirm-remove-account__account__label"
            >
              Name
            </span>
            <span
              class="account_value"
            >
              Account 1
            </span>
          </div>
          <div
            class="confirm-remove-account__account__address"
          >
            <span
              class="confirm-remove-account__account__label"
            >
              Public address
            </span>
            <span
              class="account_value"
            >
              0x0...0
            </span>
          </div>
          <div
            class="confirm-remove-account__account__link"
          >
            <a
              rel="noopener noreferrer"
              target="_blank"
              title="View account on Etherscan"
            >
              <i
                class="fa fa-share-square"
                title="View account on Etherscan"
              />
            </a>
          </div>
        </div>
        <div
          class="confirm-remove-account__description"
        >
          This account will be removed from your wallet. Please make sure you have the original Secret Recovery Phrase or private key for this imported account before continuing. You can import or create accounts again from the account drop-down. 
          <a
            class="confirm-remove-account__link"
            href="https://metamask.zendesk.com/hc/en-us/articles/360015289932"
            rel="noopener noreferrer"
            target="_blank"
          >
            learn more
          </a>
        </div>
      </div>
    </div>
    <div
      class="modal-container__footer"
    >
      <button
        class="button btn--rounded btn-secondary modal-container__footer-button"
        role="button"
        tabindex="0"
      >
        Nevermind
      </button>
      <button
        class="button btn--rounded btn-primary modal-container__footer-button"
        role="button"
        tabindex="0"
      >
        Remove
      </button>
    </div>
  </div>
</div>
`;