How to use the @patternfly/react-charts.ChartTheme.light function in @patternfly/react-charts

render() {
    return (
      
        
          
          <div>
            <div>
              <div>
                {this.getChart(ChartTheme.light.green)}
              </div>
              <div>
                {this.getlegend(ChartTheme.light.green)}
              </div>
            </div>
          </div>
        
        
          
          <div>
            <div>
              {this.getChart(ChartTheme.light.multi)}
            </div>
            <div></div></div>

render() {
    return (
      
        
          
          <div>{this.getChart(ChartTheme.light.blue)}</div>
        
        
          
          <div>{this.getChart(ChartTheme.light.multi)}</div>
        
      
    );
  }
}

render() {
    return (
      
        
          
          <div>{this.getHeatMap(ChartTheme.light.blue)}</div>
        
        
          
          <div>{this.getHeatMap(ChartTheme.light.multi)}</div>
        
      
    );
  }
}

<div>
                {this.getlegend(ChartTheme.light.green)}
              </div>
            
          
        
        
          
          <div>
            <div>
              {this.getChart(ChartTheme.light.multi)}
            </div>
            <div>
              {this.getlegend(ChartTheme.light.multi)}
            </div>
          </div>
        
      
    );
  }
}

render() {
    return (
      
        
          
          <div>
            <div>{this.getChart(ChartTheme.light.blue)}</div>
            {this.getLegend(ChartTheme.light.blue, false)}
          </div>
        
        
          
          <div>{this.getChart(ChartTheme.light.multi)}</div>
          {this.getLegend(ChartTheme.light.multi, true)}
        
      
    );
  }
}

render() {
    return (
      
        
          
          <div>{this.getChart(ChartTheme.light.blue)}</div>
        
        
          
          <div>{this.getChart(ChartTheme.light.multi)}</div>
        
      
    );
  }
}

render() {
    return (
      
        
          
          <div>{this.getHeatMap(ChartTheme.light.blue)}</div>
        
        
          
          <div>{this.getHeatMap(ChartTheme.light.multi)}</div>
        
      
    );
  }
}

render() {
    return (
      
        
          
          <div>{this.getHeatMap(ChartTheme.light.blue)}</div>
        
        
          
          <div>{this.getHeatMap(ChartTheme.light.multi)}</div>
        
      
    );
  }
}

render() {
    return (
      
        
          
          <div>{this.getChart(ChartTheme.light.blue)}</div>
        
        
          
          <div>{this.getChart(ChartTheme.light.multi)}</div>
        
      
    );
  }
}

render() {
    return (
      
        
          
          <div>{this.getChart(ChartTheme.light.blue)}</div>
        
        
          
          <div>{this.getChart(ChartTheme.light.multi)}</div>
        
      
    );
  }
}