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

exports[`SignUp renders as expected 1`] = `
<div>
  
  
  
  <div>
    
    
    <form
      data-amplify-form=""
    >
      
      <!--v-if-->
      <div
        class="amplify-flex amplify-authenticator__column"
      >
        
        
        <fieldset
          class="amplify-flex amplify-authenticator__column"
          data-amplify-fieldset=""
        >
          
          
          
          <!-- password input -->
          
          <!-- textfield input -->
          <div
            class="amplify-flex amplify-field amplify-textfield amplify-phonenumberfield amplify-authenticator__column"
          >
            
            <label
              class="amplify-label"
              data-amplify-label=""
              for="amplify-field-99999"
            >
              
              Username
              
            </label>
            <div
              class="amplify-flex amplify-field-group"
            >
              
              <div
                class="amplify-field-group__outer-start"
              >
                
                
              </div>
              <div
                class="amplify-field-group__field-wrapper"
              >
                
                <!--Phone input-->
                <input
                  aria-invalid="false"
                  autocomplete=""
                  class="amplify-input amplify-field-group__control"
                  data-amplify-input=""
                  id="amplify-field-99999"
                  name="username"
                  placeholder="Enter your Username"
                  required=""
                  type="text"
                />
                
              </div>
              
            </div>
            
          </div>
          
          <!-- Validation error, if any -->
          <!--v-if-->
          
          
          <!-- password input -->
          <div
            class="amplify-flex amplify-field amplify-textfield amplify-passwordfield amplify-authenticator__column"
          >
            
            <label
              class="amplify-label"
              data-amplify-label=""
              for="amplify-field-99999"
            >
              
              Password
              
            </label>
            <div
              class="amplify-flex amplify-field-group"
            >
              
              <div
                class="amplify-field-group__field-wrapper"
              >
                
                <input
                  aria-invalid="false"
                  autocomplete="new-password"
                  class="amplify-input amplify-field-group__control"
                  data-amplify-input=""
                  data-amplify-password="true"
                  id="amplify-field-99999"
                  modelvalue=""
                  name="password"
                  placeholder="Enter your Password"
                  required=""
                  type="password"
                />
                
              </div>
              <div
                class="amplify-field-group__outer-end"
              >
                
                <button
                  aria-checked="false"
                  aria-label="Show password"
                  class="amplify-button amplify-field-group__control amplify-field__show-password"
                  data-fullwidth="false"
                  role="switch"
                  type="button"
                >
                  <svg
                    class="amplify-icon"
                    fill="currentColor"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
                    />
                  </svg>
                </button>
                
              </div>
              
            </div>
            
          </div>
          <!-- Validation error, if any -->
          <!--v-if-->
          
          
          <!-- password input -->
          <div
            class="amplify-flex amplify-field amplify-textfield amplify-passwordfield amplify-authenticator__column"
          >
            
            <label
              class="amplify-label"
              data-amplify-label=""
              for="amplify-field-99999"
            >
              
              Confirm Password
              
            </label>
            <div
              class="amplify-flex amplify-field-group"
            >
              
              <div
                class="amplify-field-group__field-wrapper"
              >
                
                <input
                  aria-invalid="false"
                  autocomplete="new-password"
                  class="amplify-input amplify-field-group__control"
                  data-amplify-input=""
                  data-amplify-password="true"
                  id="amplify-field-99999"
                  modelvalue=""
                  name="confirm_password"
                  placeholder="Please your Password"
                  required=""
                  type="password"
                />
                
              </div>
              <div
                class="amplify-field-group__outer-end"
              >
                
                <button
                  aria-checked="false"
                  aria-label="Show password"
                  class="amplify-button amplify-field-group__control amplify-field__show-password"
                  data-fullwidth="false"
                  role="switch"
                  type="button"
                >
                  <svg
                    class="amplify-icon"
                    fill="currentColor"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
                    />
                  </svg>
                </button>
                
              </div>
              
            </div>
            
          </div>
          <!-- Validation error, if any -->
          <!--v-if-->
          
          
          <!-- password input -->
          
          <!-- textfield input -->
          <div
            class="amplify-flex amplify-field amplify-textfield amplify-phonenumberfield amplify-authenticator__column"
          >
            
            <label
              class="amplify-label"
              data-amplify-label=""
              for="amplify-field-99999"
            >
              
              Email
              
            </label>
            <div
              class="amplify-flex amplify-field-group"
            >
              
              <div
                class="amplify-field-group__outer-start"
              >
                
                
              </div>
              <div
                class="amplify-field-group__field-wrapper"
              >
                
                <!--Phone input-->
                <input
                  aria-invalid="false"
                  autocomplete=""
                  class="amplify-input amplify-field-group__control"
                  data-amplify-input=""
                  id="amplify-field-99999"
                  name="email"
                  placeholder="Enter your Email"
                  required=""
                  type="text"
                />
                
              </div>
              
            </div>
            
          </div>
          
          <!-- Validation error, if any -->
          <!--v-if-->
          
          
          
        </fieldset>
        
        <!--v-if-->
        
        <button
          class="amplify-button amplify-button--primary amplify-field-group__control amplify-authenticator__font"
          data-amplify-button=""
          data-disabled="false"
          data-fullwidth="false"
          data-loading="false"
          data-variation="primary"
          fullwidth="true"
          style="border-radius: 0px; font-weight: normal;"
        >
          
          Create Account
          
        </button>
        
        
      </div>
      
    </form>
    
    
  </div>
  
  <footer>
    
    
  </footer>
  
  
</div>
`;