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

exports[`renders form 1`] = `
<div
  data-testid="main-layout"
>
  <div
    className="MainLayout-bar"
  />
  <div
    className="MainLayout-centered"
  >
    <main
      className="ResetRoute-container"
    >
      <div
        className="ResetRoute-root"
      >
        <div>
          <form
            autoComplete="off"
            onSubmit={[Function]}
          >
            <div
              className="Box-root HorizontalGutter-root HorizontalGutter-double"
            >
              <div
                className="Box-root HorizontalGutter-root HorizontalGutter-full"
              >
                <h1
                  className="Box-root Typography-root Typography-heading1 Typography-colorTextPrimary"
                >
                  Reset your password
                </h1>
                <p
                  className="Box-root Typography-root Typography-bodyCopy Typography-colorTextPrimary"
                >
                  Please enter a new password to use to sign in to your account.
Make sure it is unique and be sure to keep it secure.
                </p>
              </div>
              <div
                className="Box-root HorizontalGutter-root HorizontalGutter-full"
              >
                <div
                  className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
                >
                  <label
                    className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
                    htmlFor="password"
                  >
                    Password
                  </label>
                  <p
                    className="Box-root Typography-root Typography-fieldDescription Typography-colorTextSecondary"
                  >
                    Must be at least 8 characters
                  </p>
                  <div
                    className="PasswordField-fullWidth PasswordField-root"
                  >
                    <div
                      className="PasswordField-wrapper"
                    >
                      <input
                        autoCapitalize="off"
                        autoComplete="new-password"
                        autoCorrect="off"
                        className="PasswordField-colorRegular PasswordField-fullWidth PasswordField-input"
                        disabled={false}
                        id="password"
                        name="password"
                        onBlur={[Function]}
                        onChange={[Function]}
                        onFocus={[Function]}
                        placeholder="Password"
                        spellCheck={false}
                        type="password"
                        value=""
                      />
                      <div
                        className="PasswordField-icon"
                        onClick={[Function]}
                        onKeyUp={[Function]}
                        role="button"
                        tabIndex={0}
                        title="Hide password"
                      >
                        <i
                          aria-hidden="true"
                          className="Icon-root Icon-sm"
                        >
                          visibility
                        </i>
                      </div>
                    </div>
                  </div>
                </div>
                <button
                  className="BaseButton-root Button-root Button-sizeRegular Button-colorPrimary Button-variantFilled Button-fullWidth"
                  data-color="primary"
                  data-variant="filled"
                  disabled={false}
                  onBlur={[Function]}
                  onFocus={[Function]}
                  onMouseOut={[Function]}
                  onMouseOver={[Function]}
                  onTouchEnd={[Function]}
                  type="submit"
                >
                  Reset Password
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </main>
  </div>
</div>
`;

exports[`renders missing reset token 1`] = `
<div
  data-testid="main-layout"
>
  <div
    className="MainLayout-bar"
  />
  <div
    className="MainLayout-centered"
  >
    <main
      className="ResetRoute-container"
    >
      <div
        className="ResetRoute-root"
      >
        <div
          className="Box-root HorizontalGutter-root HorizontalGutter-double"
        >
          <h1
            className="Box-root Typography-root Typography-heading1 Typography-colorTextPrimary"
          >
            Oops Sorry!
          </h1>
          <div
            className="CallOut-root CallOut-colorError CallOut-fullWidth"
          >
            <div
              className="CallOut-inner"
            >
              <span
                data-testid="invalid-link"
              >
                The specified link is invalid, check to see if it was copied correctly.
              </span>
            </div>
          </div>
        </div>
      </div>
    </main>
  </div>
</div>
`;
