metamask-extension/ui/components/multichain/import-account/__snapshots__/json.test.tsx.snap

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

exports[`Json should match snapshot 1`] = `
<DocumentFragment>
  <p
    class="box mm-text mm-text--body-md mm-text--text-align-center box--flex-direction-row box--color-text-default"
  >
    Used by a variety of different clients
    <a
      class="box mm-text mm-button-base mm-button-link mm-button-link--size-inherit mm-text--body-md 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="https://metamask.zendesk.com/hc/en-us/articles/360015289932"
      rel="noopener noreferrer"
      target="_blank"
    >
      File import not working? Click here!
    </a>
  </p>
  <input
    data-testid="file-input"
    id="file-input"
    style="padding: 20px 0px 12px 15%; font-size: 16px; display: flex; justify-content: center; width: 100%;"
    type="file"
  />
  <div
    class="box mm-form-text-field box--margin-bottom-4 box--display-flex box--flex-direction-column"
  >
    <div
      class="box mm-text-field mm-text-field--size-md mm-text-field--focused mm-text-field--error mm-text-field--truncate mm-form-text-field__text-field box--display-inline-flex box--flex-direction-row box--align-items-center box--background-color-background-default box--rounded-sm box--border-width-1 box--border-style-solid"
    >
      <input
        aria-invalid="true"
        autocomplete="off"
        class="box mm-text mm-input mm-input--disable-state-styles mm-text-field__input mm-text--body-md box--padding-right-4 box--padding-left-4 box--flex-direction-row box--color-text-default box--background-color-transparent box--border-style-none"
        focused="true"
        id="json-password-box"
        placeholder="Enter optional password"
        type="password"
        value=""
      />
    </div>
  </div>
  <div
    class="mm-box mm-box--display-flex mm-box--gap-4"
  >
    <button
      class="box mm-text mm-button-base mm-button-base--size-lg mm-button-base--block mm-button-secondary mm-text--body-md 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-default box--background-color-transparent box--rounded-pill box--border-color-primary-default box--border-style-solid box--border-width-1"
    >
      Cancel
    </button>
    <button
      class="box mm-text mm-button-base mm-button-base--size-lg mm-button-base--disabled mm-button-base--block mm-button-primary mm-button-primary--disabled mm-text--body-md 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"
      data-testid="import-account-confirm-button"
      disabled=""
    >
      Import
    </button>
  </div>
</DocumentFragment>
`;