// 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]}
  onMouseDown={[Function]}
  onWheel={[Function]}
>
  <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"
    >
      <span
        className=" character character-110"
      >
        n
      </span>
      <span
        className=" character character-117"
      >
        u
      </span>
      <span
        className=" character character-108"
      >
        l
      </span>
      <span
        className=" character character-108"
      >
        l
      </span>
    </div>
    <div
      id="khz"
    >
      <span
        className=" character character-110"
      >
        n
      </span>
      <span
        className=" character character-117"
      >
        u
      </span>
      <span
        className=" character character-108"
      >
        l
      </span>
      <span
        className=" character character-108"
      >
        l
      </span>
    </div>
    <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://github.com/captbaritone/webamp"
    id="about"
    target="blank"
    title="About"
  />
</div>
`;
