import * as React from "react";

export default class Sidebar extends React.Component {
  render() {
    return (
      <div
        style={{
          display: "flex",
          flexDirection: "column",
          height: "100%"
        }}
      >
        <div className="webamp-media-library-item" style={{ flexGrow: 1 }}>
          <ul>
            <li>
              Local Media
              <ul>
                <li>Audio</li>
                <li>Video</li>
              </ul>
            </li>
            <li>Playlist</li>
            <li>
              Devices
              <ul>
                <li>CD E:</li>
              </ul>
            </li>
            <li>Internet Radio</li>
            <li>Internet TV</li>
          </ul>
        </div>
        <button
          style={{
            width: "100%",
            marginTop: 1
          }}
        >
          Library
        </button>
      </div>
    );
  }
}
