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

exports[`<TopPanel /> should match exact snapshot 1`] = `
<Fragment>
  <div
    className="makeStyles-topPanelRoot-1"
  >
    <Row
      center="xs"
      middle="xs"
      style={
        Object {
          "transform": "translateX(-50px)",
          "width": "100%",
        }
      }
    >
      <Col>
        <Blueprint3.Tooltip
          content="If you like Deskreen, consider donating! Deskreen is free and opensource forever! You can help us to make Deskreen even better!"
          hoverCloseDelay={0}
          hoverOpenDelay={100}
          minimal={false}
          position="bottom"
          transitionDuration={100}
        >
          <Blueprint3.Button
            onClick={[Function]}
            style={
              Object {
                "borderRadius": "100px",
                "marginRight": "10px",
              }
            }
          >
            <Row
              start="xs"
            >
              <Col
                xs={true}
              >
                <img
                  alt="heart"
                  height={16}
                  src="test-file-stub"
                  style={
                    Object {
                      "transform": "translateY(2px)",
                    }
                  }
                  width={16}
                />
              </Col>
              <Col
                xs={true}
              >
                <div
                  style={
                    Object {
                      "transform": "translateY(2px) translateX(-5px)",
                    }
                  }
                >
                  <Blueprint3.Text
                    ellipsize={false}
                    tagName="div"
                  >
                    Donate!
                  </Blueprint3.Text>
                </div>
              </Col>
            </Row>
          </Blueprint3.Button>
        </Blueprint3.Tooltip>
      </Col>
      <Col>
        <div
          className="makeStyles-logoWithAppName-9"
          id="logo-with-popover-visit-website"
        >
          <Blueprint3.Tooltip
            content="Click to visit our website"
            hoverCloseDelay={0}
            hoverOpenDelay={100}
            minimal={false}
            position="bottom"
            transitionDuration={100}
          >
            <Blueprint3.Button
              minimal={true}
              onClick={[Function]}
              style={
                Object {
                  "borderRadius": "100px",
                }
              }
            >
              <h4
                className="makeStyles-appNameHeader-17"
                id="deskreen-top-app-name-header"
                style={
                  Object {
                    "transform": "translateY(-3px)",
                  }
                }
              >
                Deskreen
              </h4>
            </Blueprint3.Button>
          </Blueprint3.Tooltip>
        </div>
      </Col>
    </Row>
    <div
      className="makeStyles-topPanelControlButtonsRoot-25"
    >
      <div
        className="makeStyles-topPanelControlButtonMargin-34"
      >
        <Blueprint3.Tooltip
          content="Connected Devices"
          hoverCloseDelay={0}
          hoverOpenDelay={100}
          minimal={false}
          position="bottom"
          transitionDuration={100}
        >
          <Blueprint3.Button
            className="makeStyles-topPanelControlButton-40"
            id="top-panel-connected-devices-list-button"
            intent="primary"
            onClick={[Function]}
          >
            <Blueprint3.Icon
              className="makeStyles-topPanelIconOfControlButton-49"
              icon="th-list"
              iconSize={20}
            />
          </Blueprint3.Button>
        </Blueprint3.Tooltip>
      </div>
      <div
        className="makeStyles-topPanelControlButtonMargin-55"
      >
        <Blueprint3.Tooltip
          content="Tutorial"
          hoverCloseDelay={0}
          hoverOpenDelay={100}
          minimal={false}
          position="bottom"
          transitionDuration={100}
        >
          <Blueprint3.Button
            className="makeStyles-topPanelControlButton-61"
            id="top-panel-help-button"
            intent="none"
            onClick={[Function]}
          >
            <Blueprint3.Icon
              className="makeStyles-topPanelIconOfControlButton-70"
              icon="learning"
              iconSize={22}
            />
          </Blueprint3.Button>
        </Blueprint3.Tooltip>
      </div>
      <div
        className="makeStyles-topPanelControlButtonMargin-76"
      >
        <Blueprint3.Tooltip
          content="Settings"
          hoverCloseDelay={0}
          hoverOpenDelay={100}
          minimal={false}
          position="bottom"
          transitionDuration={100}
        >
          <Blueprint3.Button
            className="makeStyles-topPanelControlButton-82"
            id="top-panel-settings-button"
            onClick={[Function]}
          >
            <Blueprint3.Icon
              className="makeStyles-topPanelIconOfControlButton-91"
              icon="cog"
              iconSize={22}
            />
          </Blueprint3.Button>
        </Blueprint3.Tooltip>
      </div>
    </div>
  </div>
  <SettingsOverlay
    handleClose={[Function]}
    isSettingsOpen={false}
  />
  <ConnectedDevicesListDrawer
    handleToggle={[Function]}
    isOpen={false}
  />
</Fragment>
`;