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

exports[`MainWindow renders to snapshot 1`] = `
<div
  className="window stop selected draggable"
  id="main-window"
  onDragEnter={[Function]}
  onDragOver={[Function]}
  onDragStart={[Function]}
  onDrop={[Function]}
  onWheel={[Function]}
>
  <div
    onFocus={[Function]}
    onMouseDown={[Function]}
    style={
      Object {
        "height": "100%",
        "width": "100%",
      }
    }
    tabIndex={-1}
  >
    <div
      className="selected draggable"
      id="title-bar"
      onDoubleClick={[Function]}
    >
      <div
        id="option-context"
      >
        <div
          className="handle"
          onClick={[Function]}
          style={
            Object {
              "height": "100%",
              "width": "100%",
            }
          }
        >
          <div
            className=""
            id="option"
            onMouseDown={[Function]}
            title="Winamp Menu"
          />
        </div>
      </div>
      <div
        className=""
        id="minimize"
        onClick={[Function]}
        onMouseDown={[Function]}
        title="Minimize"
      />
      <div
        className=""
        id="shade"
        onDoubleClick={[Function]}
        onMouseDown={[Function]}
        title="Toggle Windowshade Mode"
      />
      <div
        className=""
        id="close"
        onClick={[Function]}
        onMouseDown={[Function]}
        title="Close"
      />
    </div>
    <div
      className="status"
    >
      <div
        id="clutter-bar"
      >
        <div>
          <div
            className="handle"
            onClick={[Function]}
            style={
              Object {
                "height": "100%",
                "width": "100%",
              }
            }
          >
            <div
              id="button-o"
            />
          </div>
        </div>
        <div
          id="button-a"
        />
        <div
          id="button-i"
        />
        <div
          className=""
          id="button-d"
          onMouseDown={[Function]}
          onMouseUp={[Function]}
          title="Toggle Doublesize Mode"
        />
        <div
          id="button-v"
        />
      </div>
      <div
        id="play-pause"
      />
      <div
        className=""
        id="work-indicator"
      />
      <div
        className="countdown"
        id="time"
        onClick={[Function]}
      >
        <div
          className="digit digit-0"
          id="minute-first-digit"
        />
        <div
          className="digit digit-0"
          id="minute-second-digit"
        />
        <div
          className="digit digit-0"
          id="second-first-digit"
        />
        <div
          className="digit digit-0"
          id="second-second-digit"
        />
      </div>
    </div>
    <canvas
      height={32}
      id="visualizer"
      onClick={[Function]}
      style={
        Object {
          "height": 16,
          "width": 76,
        }
      }
      width={152}
    />
    <div
      className="media-info"
    >
      <div
        className="text"
        id="marquee"
        onMouseDown={[Function]}
        title="Song Title"
      >
        <div
          style={
            Object {
              "transform": "translateX(0px)",
              "whiteSpace": "nowrap",
              "willChange": "transform",
            }
          }
        >
          <span
            className=" character character-119"
          >
            W
          </span>
          <span
            className=" character character-105"
          >
            i
          </span>
          <span
            className=" character character-110"
          >
            n
          </span>
          <span
            className=" character character-97"
          >
            a
          </span>
          <span
            className=" character character-109"
          >
            m
          </span>
          <span
            className=" character character-112"
          >
            p
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-50"
          >
            2
          </span>
          <span
            className=" character character-46"
          >
            .
          </span>
          <span
            className=" character character-57"
          >
            9
          </span>
          <span
            className=" character character-49"
          >
            1
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
          <span
            className=" character character-32"
          >
             
          </span>
        </div>
      </div>
      <div
        id="kbps"
      />
      <div
        id="khz"
      />
      <div
        className="mono-stereo"
      >
        <div
          className=""
          id="stereo"
        />
        <div
          className=""
          id="mono"
        />
      </div>
    </div>
    <div
      id="volume"
      style={
        Object {
          "backgroundPosition": "0 -315px",
        }
      }
    >
      <input
        max="100"
        min="0"
        onChange={[Function]}
        onMouseDown={[Function]}
        onMouseUp={[Function]}
        step="1"
        title="Volume Bar"
        type="range"
        value={78}
      />
    </div>
    <input
      id="balance"
      max="100"
      min="-100"
      onChange={[Function]}
      onMouseDown={[Function]}
      onMouseUp={[Function]}
      step="1"
      style={
        Object {
          "backgroundPosition": "0 -0px",
        }
      }
      title="Balance"
      type="range"
      value={0}
    />
    <div
      className="windows"
    >
      <div
        className="selected"
        id="equalizer-button"
        onClick={[Function]}
        title="Toggle Graphical Equalizer"
      />
      <div
        className="selected"
        id="playlist-button"
        onClick={[Function]}
        title="Toggle Playlist Editor"
      />
    </div>
    <input
      className="left"
      id="position"
      max="100"
      min="0"
      onChange={[Function]}
      onInput={[Function]}
      onMouseDown={[Function]}
      onMouseUp={[Function]}
      step="1"
      title="Seeking Bar"
      type="range"
      value={0}
    />
    <div
      className="actions"
    >
      <div
        id="previous"
        onClick={[Function]}
        title="Previous Track"
      />
      <div
        id="play"
        onClick={[Function]}
        title="Play"
      />
      <div
        id="pause"
        onClick={[Function]}
        title="Pause"
      />
      <div
        id="stop"
        onClick={[Function]}
        title="Stop"
      />
      <div
        id="next"
        onClick={[Function]}
        title="Next Track"
      />
    </div>
    <div
      id="eject"
      onClick={[Function]}
      title="Open File(s)"
    />
    <div
      className="shuffle-repeat"
    >
      <div
        onContextMenu={[Function]}
        style={
          Object {
            "height": "100%",
            "width": "100%",
          }
        }
      >
        <div
          className=""
          id="shuffle"
          onClick={[Function]}
          title="Toggle Shuffle"
        />
      </div>
      <div
        onContextMenu={[Function]}
        style={
          Object {
            "height": "100%",
            "width": "100%",
          }
        }
      >
        <div
          className=""
          id="repeat"
          onClick={[Function]}
          title="Toggle Repeat"
        />
      </div>
    </div>
    <a
      href="https://webamp.org/about"
      id="about"
      target="_blank"
      title="About"
    />
  </div>
</div>
`;
