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

exports[`should match exact snapshot 1`] = `
<BrowserRouter>
  <Router
    history={
      Object {
        "action": "POP",
        "block": [Function],
        "createHref": [Function],
        "go": [Function],
        "goBack": [Function],
        "goForward": [Function],
        "length": 1,
        "listen": [Function],
        "location": Object {
          "hash": "",
          "pathname": "/",
          "search": "",
          "state": undefined,
        },
        "push": [Function],
        "replace": [Function],
      }
    }
  >
    <AllowConnectionForDeviceAlert
      device={Object {}}
      isOpen={true}
      onCancel={[Function]}
      onConfirm={[Function]}
    >
      <Blueprint3.Alert
        canEscapeKeyCancel={false}
        canOutsideClickCancel={false}
        cancelButtonText="Deny"
        className="class-allow-device-to-connect-alert"
        confirmButtonText="Allow"
        icon="feed"
        intent="danger"
        isOpen={true}
        onCancel={[Function]}
        onConfirm={[Function]}
        transitionDuration={0}
        usePortal={false}
      >
        <Blueprint3.Dialog
          canEscapeKeyClose={false}
          canOutsideClickClose={false}
          className="bp3-alert class-allow-device-to-connect-alert"
          isOpen={true}
          onCancel={[Function]}
          onClose={[Function]}
          onConfirm={[Function]}
          transitionDuration={0}
          usePortal={false}
        >
          <Blueprint3.Overlay
            autoFocus={true}
            backdropProps={Object {}}
            canEscapeKeyClose={false}
            canOutsideClickClose={false}
            className="bp3-overlay-scroll-container"
            enforceFocus={true}
            hasBackdrop={true}
            isOpen={true}
            lazy={true}
            onCancel={[Function]}
            onClose={[Function]}
            onConfirm={[Function]}
            transitionDuration={0}
            transitionName="bp3-overlay"
            usePortal={false}
          >
            <TransitionGroup
              appear={true}
              childFactory={[Function]}
              className="bp3-overlay bp3-overlay-open bp3-overlay-inline bp3-overlay-scroll-container"
              component="div"
              onKeyDown={[Function]}
            >
              <div
                className="bp3-overlay bp3-overlay-open bp3-overlay-inline bp3-overlay-scroll-container"
                onKeyDown={[Function]}
              >
                <CSSTransition
                  addEndListener={[Function]}
                  appear={true}
                  classNames="bp3-overlay"
                  in={true}
                  key=".$__backdrop"
                  onExited={[Function]}
                  timeout={0}
                >
                  <Transition
                    addEndListener={[Function]}
                    appear={true}
                    enter={true}
                    exit={true}
                    in={true}
                    mountOnEnter={false}
                    onEnter={[Function]}
                    onEntered={[Function]}
                    onEntering={[Function]}
                    onExit={[Function]}
                    onExited={[Function]}
                    onExiting={[Function]}
                    timeout={0}
                    unmountOnExit={false}
                  >
                    <div
                      className="bp3-overlay-backdrop"
                      onMouseDown={[Function]}
                    />
                  </Transition>
                </CSSTransition>
                <CSSTransition
                  addEndListener={[Function]}
                  appear={true}
                  classNames="bp3-overlay"
                  in={true}
                  key=".$.0"
                  onExited={[Function]}
                  timeout={0}
                >
                  <Transition
                    addEndListener={[Function]}
                    appear={true}
                    enter={true}
                    exit={true}
                    in={true}
                    mountOnEnter={false}
                    onEnter={[Function]}
                    onEntered={[Function]}
                    onEntering={[Function]}
                    onExit={[Function]}
                    onExited={[Function]}
                    onExiting={[Function]}
                    timeout={0}
                    unmountOnExit={false}
                  >
                    <div
                      className="bp3-dialog-container bp3-overlay-content"
                      tabIndex={0}
                    >
                      <div
                        className="bp3-dialog bp3-alert class-allow-device-to-connect-alert"
                      >
                        <div
                          className="bp3-alert-body"
                        >
                          <Blueprint3.Icon
                            icon="feed"
                            iconSize={40}
                            intent="danger"
                          >
                            <span
                              className="bp3-icon bp3-icon-feed bp3-intent-danger"
                              icon="feed"
                            >
                              <svg
                                data-icon="feed"
                                height={40}
                                viewBox="0 0 20 20"
                                width={40}
                              >
                                <desc>
                                  feed
                                </desc>
                                <path
                                  d="M2.5 15a2.5 2.5 0 000 5 2.5 2.5 0 000-5zm.5-5c-.55 0-1 .45-1 1s.45 1 1 1c2.76 0 5 2.24 5 5 0 .55.45 1 1 1s1-.45 1-1c0-3.87-3.13-7-7-7zM3 0c-.55 0-1 .45-1 1s.45 1 1 1c8.28 0 15 6.72 15 15 0 .55.45 1 1 1s1-.45 1-1C20 7.61 12.39 0 3 0zm0 5c-.55 0-1 .45-1 1s.45 1 1 1c5.52 0 10 4.48 10 10 0 .55.45 1 1 1s1-.45 1-1C15 10.37 9.63 5 3 5z"
                                  fillRule="evenodd"
                                  key="0"
                                />
                              </svg>
                            </span>
                          </Blueprint3.Icon>
                          <div
                            className="bp3-alert-contents"
                          >
                            <Component>
                              <h4
                                className="bp3-heading"
                              >
                                Device is trying to connect, do you allow?
                              </h4>
                            </Component>
                            <DeviceInfoCallout>
                              <Component
                                style={
                                  Object {
                                    "margin": "0 auto",
                                    "textAlign": "center",
                                  }
                                }
                              >
                                <h4
                                  className="bp3-heading"
                                  style={
                                    Object {
                                      "margin": "0 auto",
                                      "textAlign": "center",
                                    }
                                  }
                                >
                                  Partner Device Info:
                                </h4>
                              </Component>
                              <Blueprint3.Callout
                                id="device-info-callout"
                              >
                                <div
                                  className="bp3-callout"
                                  id="device-info-callout"
                                >
                                  <Row
                                    center="xs"
                                  >
                                    <div
                                      className="row center-xs"
                                    >
                                      <Col
                                        xs={12}
                                      >
                                        <div
                                          className="col-xs-12"
                                        >
                                          <Blueprint3.Text
                                            ellipsize={false}
                                            tagName="div"
                                          >
                                            <div
                                              className=""
                                            >
                                              Device Type: 
                                              <span />
                                            </div>
                                          </Blueprint3.Text>
                                          <Blueprint3.Tooltip
                                            content={
                                              <React.Fragment>
                                                <Blueprint3.Text
                                                  ellipsize={false}
                                                  tagName="div"
                                                >
                                                  This should match with 'Device IP' displayed on the screen of device
        that is trying to connect.
                                                </Blueprint3.Text>
                                                <span
                                                  style={
                                                    Object {
                                                      "fontWeight": 900,
                                                    }
                                                  }
                                                >
                                                  <Blueprint3.Text
                                                    ellipsize={false}
                                                    tagName="div"
                                                  >
                                                    If IPs don't match click 'Deny' or 'Disconnect' button immediately to
          secure your computer!
                                                  </Blueprint3.Text>
                                                </span>
                                              </React.Fragment>
                                            }
                                            hoverCloseDelay={0}
                                            hoverOpenDelay={100}
                                            minimal={false}
                                            position="top"
                                            transitionDuration={100}
                                          >
                                            <Blueprint3.Popover
                                              autoFocus={false}
                                              boundary="scrollParent"
                                              canEscapeKeyClose={false}
                                              captureDismiss={false}
                                              content={
                                                <React.Fragment>
                                                  <Blueprint3.Text
                                                    ellipsize={false}
                                                    tagName="div"
                                                  >
                                                    This should match with 'Device IP' displayed on the screen of device
        that is trying to connect.
                                                  </Blueprint3.Text>
                                                  <span
                                                    style={
                                                      Object {
                                                        "fontWeight": 900,
                                                      }
                                                    }
                                                  >
                                                    <Blueprint3.Text
                                                      ellipsize={false}
                                                      tagName="div"
                                                    >
                                                      If IPs don't match click 'Deny' or 'Disconnect' button immediately to
          secure your computer!
                                                    </Blueprint3.Text>
                                                  </span>
                                                </React.Fragment>
                                              }
                                              defaultIsOpen={false}
                                              disabled={false}
                                              enforceFocus={false}
                                              fill={false}
                                              hasBackdrop={false}
                                              hoverCloseDelay={0}
                                              hoverOpenDelay={100}
                                              inheritDarkTheme={true}
                                              interactionKind="hover-target"
                                              lazy={true}
                                              minimal={false}
                                              modifiers={
                                                Object {
                                                  "arrow": Object {
                                                    "enabled": true,
                                                  },
                                                }
                                              }
                                              openOnTargetFocus={true}
                                              popoverClassName="bp3-tooltip"
                                              position="top"
                                              targetTagName="span"
                                              transitionDuration={100}
                                              usePortal={true}
                                              wrapperTagName="span"
                                            >
                                              <Manager>
                                                <span
                                                  className="bp3-popover-wrapper"
                                                >
                                                  <Reference
                                                    innerRef={[Function]}
                                                  >
                                                    <InnerReference
                                                      innerRef={[Function]}
                                                      setReferenceNode={[Function]}
                                                    >
                                                      <Blueprint3.ResizeSensor
                                                        onResize={[Function]}
                                                      >
                                                        <span
                                                          className="bp3-popover-target"
                                                          onBlur={[Function]}
                                                          onFocus={[Function]}
                                                          onMouseEnter={[Function]}
                                                          onMouseLeave={[Function]}
                                                        >
                                                          <div
                                                            className=""
                                                            key=".0"
                                                            style={
                                                              Object {
                                                                "backgroundColor": "#00f99273",
                                                                "borderRadius": "20px",
                                                                "fontWeight": 900,
                                                                "paddingLeft": "10px",
                                                                "paddingRight": "10px",
                                                              }
                                                            }
                                                            tabIndex={0}
                                                          >
                                                            <Blueprint3.Text
                                                              className="bp3-text-large"
                                                              ellipsize={false}
                                                              tagName="div"
                                                            >
                                                              <div
                                                                className="bp3-text-large"
                                                              >
                                                                Device IP: 
                                                                <span
                                                                  className="device-ip-span"
                                                                />
                                                              </div>
                                                            </Blueprint3.Text>
                                                          </div>
                                                        </span>
                                                      </Blueprint3.ResizeSensor>
                                                    </InnerReference>
                                                  </Reference>
                                                  <Blueprint3.Overlay
                                                    autoFocus={false}
                                                    backdropClassName="bp3-popover-backdrop"
                                                    backdropProps={Object {}}
                                                    canEscapeKeyClose={false}
                                                    canOutsideClickClose={false}
                                                    enforceFocus={false}
                                                    hasBackdrop={false}
                                                    isOpen={false}
                                                    lazy={true}
                                                    onClose={[Function]}
                                                    transitionDuration={100}
                                                    transitionName="bp3-popover"
                                                    usePortal={true}
                                                  />
                                                </span>
                                              </Manager>
                                            </Blueprint3.Popover>
                                          </Blueprint3.Tooltip>
                                          <Blueprint3.Text
                                            ellipsize={false}
                                            tagName="div"
                                          >
                                            <div
                                              className=""
                                            >
                                              Device Browser: 
                                              <span />
                                            </div>
                                          </Blueprint3.Text>
                                          <Blueprint3.Text
                                            ellipsize={false}
                                            tagName="div"
                                          >
                                            <div
                                              className=""
                                            >
                                              Device OS: 
                                              <span />
                                            </div>
                                          </Blueprint3.Text>
                                          <div
                                            style={
                                              Object {
                                                "margin": "0 auto",
                                                "width": "200px",
                                              }
                                            }
                                          >
                                            <Blueprint3.Text
                                              className="bp3-text-muted"
                                              ellipsize={true}
                                              tagName="div"
                                            >
                                              <div
                                                className="bp3-text-overflow-ellipsis bp3-text-muted"
                                              >
                                                Session ID: 
                                                <span />
                                              </div>
                                            </Blueprint3.Text>
                                          </div>
                                        </div>
                                      </Col>
                                    </div>
                                  </Row>
                                </div>
                              </Blueprint3.Callout>
                            </DeviceInfoCallout>
                          </div>
                        </div>
                        <div
                          className="bp3-alert-footer"
                        >
                          <Blueprint3.Button
                            intent="danger"
                            onClick={[Function]}
                            text="Allow"
                          >
                            <button
                              className="bp3-button bp3-intent-danger"
                              onBlur={[Function]}
                              onClick={[Function]}
                              onKeyDown={[Function]}
                              onKeyUp={[Function]}
                              type="button"
                            >
                              <Blueprint3.Icon
                                key="leftIcon"
                              />
                              <span
                                className="bp3-button-text"
                                key="text"
                              >
                                Allow
                              </span>
                              <Blueprint3.Icon
                                key="rightIcon"
                              />
                            </button>
                          </Blueprint3.Button>
                          <Blueprint3.Button
                            onClick={[Function]}
                            text="Deny"
                          >
                            <button
                              className="bp3-button"
                              onBlur={[Function]}
                              onClick={[Function]}
                              onKeyDown={[Function]}
                              onKeyUp={[Function]}
                              type="button"
                            >
                              <Blueprint3.Icon
                                key="leftIcon"
                              />
                              <span
                                className="bp3-button-text"
                                key="text"
                              >
                                Deny
                              </span>
                              <Blueprint3.Icon
                                key="rightIcon"
                              />
                            </button>
                          </Blueprint3.Button>
                        </div>
                      </div>
                    </div>
                  </Transition>
                </CSSTransition>
              </div>
            </TransitionGroup>
          </Blueprint3.Overlay>
        </Blueprint3.Dialog>
      </Blueprint3.Alert>
    </AllowConnectionForDeviceAlert>
  </Router>
</BrowserRouter>
`;