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

exports[`GuessPane renders 1`] = `
<div
  className="pane pane--small"
>
  <button
    className="submit"
    disabled={true}
    onClick={[Function]}
    type="button"
  >
    Submit Guess
  </button>
  <ClickMarkerMap
    onMarkerMoved={[Function]}
  />
  <RoundTimer
    onTimeout={[Function]}
  />
  <div
    className="resize"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ↗️
  </div>
  <div
    className="resize resize--medium"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ➡️
  </div>
</div>
`;

exports[`GuessPane resizes to large 1`] = `
<div
  className="pane pane--big"
>
  <button
    className="submit"
    disabled={true}
    onClick={[Function]}
    type="button"
  >
    Submit Guess
  </button>
  <ClickMarkerMap
    onMarkerMoved={[Function]}
  />
  <RoundTimer
    onTimeout={[Function]}
  />
  <div
    className="resize"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ↙️
  </div>
  <div
    className="resize resize--medium"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ⬅️
  </div>
</div>
`;

exports[`GuessPane resizes to large on keydown Enter 1`] = `
<div
  className="pane pane--big"
>
  <button
    className="submit"
    disabled={true}
    onClick={[Function]}
    type="button"
  >
    Submit Guess
  </button>
  <ClickMarkerMap
    onMarkerMoved={[Function]}
  />
  <RoundTimer
    onTimeout={[Function]}
  />
  <div
    className="resize"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ↙️
  </div>
  <div
    className="resize resize--medium"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ⬅️
  </div>
</div>
`;

exports[`GuessPane resizes to medium 1`] = `
<div
  className="pane pane--medium"
>
  <button
    className="submit"
    disabled={true}
    onClick={[Function]}
    type="button"
  >
    Submit Guess
  </button>
  <ClickMarkerMap
    onMarkerMoved={[Function]}
  />
  <RoundTimer
    onTimeout={[Function]}
  />
  <div
    className="resize"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ↙️
  </div>
  <div
    className="resize resize--medium"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ⬅️
  </div>
</div>
`;

exports[`GuessPane resizes to medium on keydown Enter 1`] = `
<div
  className="pane pane--medium"
>
  <button
    className="submit"
    disabled={true}
    onClick={[Function]}
    type="button"
  >
    Submit Guess
  </button>
  <ClickMarkerMap
    onMarkerMoved={[Function]}
  />
  <RoundTimer
    onTimeout={[Function]}
  />
  <div
    className="resize"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ↙️
  </div>
  <div
    className="resize resize--medium"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ⬅️
  </div>
</div>
`;

exports[`GuessPane submits 1`] = `
<div
  className="pane pane--small"
>
  <button
    className="submit"
    disabled={false}
    onClick={[Function]}
    type="button"
  >
    Submit Guess
  </button>
  <ClickMarkerMap
    onMarkerMoved={[Function]}
  />
  <RoundTimer
    onTimeout={[Function]}
  />
  <div
    className="resize"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ↗️
  </div>
  <div
    className="resize resize--medium"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ➡️
  </div>
</div>
`;

exports[`GuessPane submits 2`] = `
<div
  className="pane pane--small"
>
  <button
    className="submit"
    disabled={true}
    onClick={[Function]}
    type="button"
  >
    Submit Guess
  </button>
  <ClickMarkerMap
    onMarkerMoved={[Function]}
  />
  <RoundTimer
    onTimeout={[Function]}
  />
  <div
    className="resize"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ↗️
  </div>
  <div
    className="resize resize--medium"
    onClick={[Function]}
    onKeyDown={[Function]}
    role="button"
    tabIndex="0"
  >
    ➡️
  </div>
</div>
`;
