class UiSpace{
  int x;
  int y;
  int w;
  Scrollbar speedControl;    
  Scrollbar volumeControl;      
  Button playBtn;
  Button pauseBtn;
  color backC = 50;
  
  public UiSpace(int _x, int _w){
    x = _x;
    y = 0;
    w = _w;
    speedControl = new Scrollbar(x, 60, w, 180, 40, 190, "Vel", #102b3b, #1f5473, #3795cc);
    volumeControl = new Scrollbar(x, 280, w, 180, 0, 100, "Vol", #102b3b, #1f5473, #3795cc);    
    // int xp, int yp, int s, color b, color o, color p
    playBtn = new Button(x, 0, w, 20, #102b3b, #1f5473, 100, "play", #346581, #3795cc);
    pauseBtn = new Button(x, 21, w, 20, #102b3b, #1f5473, 100, "pause", #346581, #3795cc);
  }

  void update(){
    drawSpace();
    speedControl.update(mouseX, mouseY);
    speedControl.display(); 
    speedControl.displayText();  
    volumeControl.update(mouseX, mouseY);
    volumeControl.display();        
    volumeControl.displayText();    
    playBtn.update();
    pauseBtn.update();
    playBtn.display();
    pauseBtn.display();
  }  
  
  void drawSpace(){
    fill(backC, 50);
    noStroke();
    rectMode(CORNER);
    rect(x, y, w, height);        
  }
}