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

exports[`Modal Component 1`] = `<DocumentFragment />`;

exports[`Modal Component 2`] = `
<DocumentFragment>
  <div>
    <div
      class="modal-backdrop fade in"
    />
    <div
      aria-labelledby="options"
      class="modal modal-visible"
      id="optionsModal"
      role="dialog"
      tabindex="-1"
    >
      <div
        class="modal-dialog modal-lg"
        role="document"
      >
        <div
          class="modal-content"
        >
          <div>
            <div
              class="modal-header"
            >
              <button
                class="close"
                data-dismiss="modal"
                type="button"
              >
                <i
                  class="fa fa-fw fa-times"
                />
              </button>
              <div
                class="modal-title"
              >
                <h4>
                  Options
                </h4>
              </div>
            </div>
            <div
              class="modal-body"
            >
              <div
                class="form-horizontal"
              >
                <div
                  class="form-group"
                >
                  <div
                    class="col-xs-6"
                  >
                    <label
                      for="anticache"
                    >
                      anticache
                    </label>
                    <div
                      class="help-block small"
                    >
                      Strip out request headers that might cause the server to return 304-not-modified.
                    </div>
                  </div>
                  <div
                    class="col-xs-6"
                  >
                    <div
                      class=""
                    >
                      <div
                        class="checkbox"
                      >
                        <label>
                          <input
                            checked=""
                            name="anticache"
                            type="checkbox"
                          />
                          Enable
                        </label>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="form-group"
                >
                  <div
                    class="col-xs-6"
                  >
                    <label
                      for="body_size_limit"
                    >
                      body_size_limit
                    </label>
                    <div
                      class="help-block small"
                    >
                      Byte size limit of HTTP request and response bodies. Understands k/m/g suffixes, i.e. 3m for 3 megabytes.
                    </div>
                  </div>
                  <div
                    class="col-xs-6"
                  >
                    <div
                      class=""
                    >
                      <input
                        class="form-control"
                        name="body_size_limit"
                        type="text"
                        value=""
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="form-group"
                >
                  <div
                    class="col-xs-6"
                  >
                    <label
                      for="connection_strategy"
                    >
                      connection_strategy
                    </label>
                    <div
                      class="help-block small"
                    >
                      Determine when server connections should be established. When set to lazy, mitmproxy tries to defer establishing an upstream connection as long as possible. This makes it possible to use server replay while being offline. When set to eager, mitmproxy can detect protocols with server-side greetings, as well as accurately mirror TLS ALPN negotiation.
                    </div>
                  </div>
                  <div
                    class="col-xs-6"
                  >
                    <div
                      class=""
                    >
                      <select
                        class="form-control"
                        name="connection_strategy"
                      >
                        <option
                          value="eager"
                        >
                          eager
                        </option>
                        <option
                          value="lazy"
                        >
                          lazy
                        </option>
                      </select>
                    </div>
                  </div>
                </div>
                <div
                  class="form-group"
                >
                  <div
                    class="col-xs-6"
                  >
                    <label
                      for="listen_port"
                    >
                      listen_port
                    </label>
                    <div
                      class="help-block small"
                    >
                      Proxy service port.
                    </div>
                  </div>
                  <div
                    class="col-xs-6"
                  >
                    <div
                      class=""
                    >
                      <input
                        class="form-control"
                        name="listen_port"
                        type="number"
                        value="8080"
                      />
                    </div>
                    <div
                      class="small"
                    >
                      Default: 
                      <strong>
                         8080 
                      </strong>
                       
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="modal-footer"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
