metamask-extension/ui/pages/keyring-snaps/snap-account-detail-page/__snapshots__/snap-account-detail-page.test.tsx.snap

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

exports[`SnapAccountDetails should take a snapshot 1`] = `
<div>
  <div
    class="mm-box snap-details-page mm-box--padding-10 mm-box--sm:padding-10 mm-box--md:padding-10 mm-box--lg:padding-10 mm-box--display-flex mm-box--flex-direction-column"
  >
    <div
      class="mm-box mm-box--margin-bottom-5"
    >
      <div
        class="mm-box mm-box--margin-bottom-4 mm-box--display-flex mm-box--flex-direction-row mm-box--align-items-center"
      >
        <button
          class="box mm-text mm-button-base mm-button-link mm-button-link--size-auto mm-text--body-md-medium box--margin-right-4 box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-primary-default box--background-color-transparent"
        >
          Create a Snap Account
        </button>
        <span
          class="box mm-icon mm-icon--size-md box--margin-right-4 box--display-inline-block box--flex-direction-row box--color-inherit"
          style="mask-image: url('./images/icons/arrow-right.svg');"
        />
        <p
          class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
        >
          Metamask Simple Keyring
        </p>
      </div>
      <div
        class="mm-box mm-box--display-flex mm-box--justify-content-space-between"
      >
        <div
          class="mm-box mm-box--display-flex mm-box--flex-direction-row mm-box--align-items-center"
        >
          <h2
            class="box mm-text mm-text--heading-lg box--margin-right-1 box--flex-direction-row box--color-text-default"
          >
            Metamask Simple Keyring
          </h2>
        </div>
        <div
          class="mm-box"
        >
          <button
            class="box mm-text mm-button-base mm-button-base--size-md mm-button-primary mm-text--body-md-medium box--padding-right-4 box--padding-left-4 box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-primary-inverse box--background-color-primary-default box--rounded-pill"
          >
            Install snap
          </button>
        </div>
      </div>
      <div
        class="mm-box mm-box--display-flex mm-box--flex-direction-row mm-box--align-items-center"
      >
        <div
          class="mm-box mm-box--margin-right-1 mm-box--padding-2 mm-box--sm:padding-2 mm-box--md:padding-2 mm-box--lg:padding-2 mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--border-color-border-muted mm-box--border-width-1 box--border-style-solid"
          style="border-radius: 50%; height: 32px; width: 32px;"
        >
          <img
            class="snap-detail-icon"
            src=""
          />
        </div>
        <div
          class="box mm-tag box--margin-right-1 box--padding-right-1 box--padding-left-1 box--display-inline-block box--flex-direction-row box--justify-content-center box--align-items-center box--color-info-default box--background-color-info-muted box--rounded-pill box--border-color-info-muted box--border-width-1 box--border-style-solid"
        >
          <p
            class="box mm-text mm-text--body-sm box--flex-direction-row box--color-info-default"
          >
            <div
              class="mm-box mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center"
            >
              <span
                class="box mm-icon mm-icon--size-md box--display-inline-block box--flex-direction-row box--color-inherit"
                style="mask-image: url('./images/icons/star.svg');"
              />
               
              <p
                class="box mm-text mm-text--body-sm box--flex-direction-row box--color-info-default"
              >
                By MetaMask
              </p>
            </div>
          </p>
        </div>
        <div
          class="box mm-tag box--padding-right-1 box--padding-left-1 box--display-inline-block box--flex-direction-row box--justify-content-center box--align-items-center box--color-info-default box--background-color-info-muted box--rounded-pill box--border-color-info-muted box--border-width-1 box--border-style-solid"
        >
          <p
            class="box mm-text mm-text--body-sm box--flex-direction-row box--color-info-default"
          >
            <div
              class="mm-box mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center"
            >
              <span
                class="box mm-icon mm-icon--size-md box--display-inline-block box--flex-direction-row box--color-inherit"
                style="mask-image: url('./images/icons/star.svg');"
              />
               
              <p
                class="box mm-text mm-text--body-sm box--flex-direction-row box--color-info-default"
              >
                Audited
              </p>
            </div>
          </p>
        </div>
      </div>
    </div>
    <div
      class="mm-box mm-box--display-flex"
    >
      <div
        class="mm-box mm-box--display-flex mm-box--flex-direction-column mm-box--width-4/5"
      >
        <p
          class="box mm-text mm-text--body-md-bold box--margin-bottom-2 box--flex-direction-row box--color-text-alternative"
        >
          Secure your account with MetaMask Mobile
        </p>
        <p
          class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-alternative"
        >
          A simple private key is a randomly generated string of characters that is used to sign transactions. This private key is stored securely within this snap.
        </p>
      </div>
      <div
        class="mm-box mm-box--padding-left-4 mm-box--display-flex mm-box--flex-direction-column mm-box--width-1/5"
      >
        <div
          class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
        >
          <p
            class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
          >
            Tags
          </p>
          <div
            class="box mm-tag box--margin-right-1 box--padding-right-1 box--padding-left-1 box--display-inline-block box--flex-direction-row box--justify-content-center box--align-items-center box--background-color-background-default box--rounded-pill box--border-color-border-default box--border-width-1 box--border-style-solid"
          >
            <p
              class="box mm-text mm-text--body-sm box--flex-direction-row box--color-text-alternative"
            >
              EOA
            </p>
          </div>
        </div>
        <div
          class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
        >
          <p
            class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
          >
            Developer
          </p>
          <p
            class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
          >
            Metamask
          </p>
        </div>
        <div
          class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
        >
          <p
            class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
          >
            Website
          </p>
          https://www.consensys.net/
        </div>
        <div
          class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
        >
          <p
            class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
          >
            Audit
          </p>
          <p
            class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
          >
            <a
              class="box mm-text mm-button-base mm-button-link mm-button-link--size-auto mm-text--body-md-medium box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-primary-default box--background-color-transparent"
              href="auditUrl1"
            >
              auditUrl1
            </a>
          </p>
          <p
            class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
          >
            <a
              class="box mm-text mm-button-base mm-button-link mm-button-link--size-auto mm-text--body-md-medium box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-primary-default box--background-color-transparent"
              href="auditUrl2"
            >
              auditUrl2
            </a>
          </p>
        </div>
        <div
          class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
        >
          <p
            class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
          >
            Version
          </p>
          <p
            class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
          >
            1.0.0
          </p>
        </div>
        <div
          class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
        >
          <p
            class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
          >
            Updated
          </p>
          <p
            class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
          >
            April 20, 2023
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;