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

exports[`<ScanQRStep /> when rendered should match exact snapshot 1`] = `
<Fragment>
  <div
    style={
      Object {
        "textAlign": "center",
      }
    }
  >
    <Blueprint3.Text
      ellipsize={false}
      tagName="div"
    >
      <span
        style={
          Object {
            "backgroundColor": "#00f99273",
            "borderRadius": "20px",
            "fontWeight": 900,
            "paddingLeft": "8px",
            "paddingRight": "8px",
          }
        }
      >
        Make sure your computer and device are connected to same WiFi
      </span>
    </Blueprint3.Text>
    <Blueprint3.Text
      className="bp3-text"
      ellipsize={false}
      tagName="div"
    />
  </div>
  <div>
    <Blueprint3.Tooltip
      content="Click to make bigger"
      hoverCloseDelay={0}
      hoverOpenDelay={100}
      minimal={false}
      position="left"
      transitionDuration={100}
    >
      <Blueprint3.Button
        className="makeStyles-smallQRCode-1"
        id="magnify-qr-code-button"
        onClick={[Function]}
      >
        <QRCode
          bgColor="rgba(0,0,0,0.0)"
          fgColor="#000000"
          imageSettings={
            Object {
              "height": 40,
              "src": "http://127.0.0.1:3000/logo192.png",
              "width": 40,
            }
          }
          includeMargin={false}
          level="H"
          renderAs="svg"
          size={128}
          value="http://:3000/"
        />
      </Blueprint3.Button>
    </Blueprint3.Tooltip>
  </div>
  <div
    style={
      Object {
        "marginBottom": "10px",
      }
    }
  >
    <Blueprint3.Text
      className="bp3-text-muted"
      ellipsize={false}
      tagName="div"
    >
      or type the following address manually in browser address bar on any device:
    </Blueprint3.Text>
  </div>
  <Blueprint3.Tooltip
    content="Click to copy"
    hoverCloseDelay={0}
    hoverOpenDelay={100}
    minimal={false}
    position="left"
    transitionDuration={100}
  >
    <Blueprint3.Button
      icon="duplicate"
      intent="primary"
      onClick={[Function]}
      style={
        Object {
          "borderRadius": "100px",
        }
      }
    >
      http://:3000/
    </Blueprint3.Button>
  </Blueprint3.Tooltip>
  <Blueprint3.Dialog
    canEscapeKeyClose={true}
    canOutsideClickClose={true}
    className="makeStyles-bigQRCodeDialogRoot-3"
    id="bp3-qr-code-dialog-root"
    isOpen={false}
    onClose={[Function]}
    style={
      Object {
        "position": "relative",
        "top": "0px",
      }
    }
    transitionDuration={0}
    usePortal={false}
  >
    <Row
      center="xs"
      className="bp3-dialog-body"
      id="qr-code-dialog-inner"
      middle="xs"
      onClick={[Function]}
    >
      <Col
        className="makeStyles-dialogQRWrapper-2"
        xs={11}
      >
        <QRCode
          bgColor="#FFFFFF"
          fgColor="#000000"
          height="390px"
          imageSettings={
            Object {
              "height": 25,
              "src": "http://127.0.0.1:3000/logo192.png",
              "width": 25,
            }
          }
          includeMargin={false}
          level="H"
          renderAs="svg"
          size={128}
          value="http://:3000/"
          width="390px"
        />
      </Col>
    </Row>
  </Blueprint3.Dialog>
</Fragment>
`;