text: import React, { Component } from "react";
  import { ProFeature } from "./ProFeature";
  
  export function ProController(FeatureComponent) {
  
      const ProtectedFeature = ProFeature(FeatureComponent);
  
      return class extends Component {
          constructor(props) {
              super(props);
              this.state = {
                  proMode: false
              };
          }
  
          toggleMode = () => {
              this.setState({proMode: !this.state.proMode});
          };
  
          render() {
              return (
                  <div className="container-fluid">
                      <div className="row">
                          <div className="col-12 text-center p-2">
                              <div className="form-check">
                                  <input className="form-check-input" type="checkbox"
                                  value={this.state.proMode}
                                  onChange={this.toggleMode} />
                                  <label className="form-check-label">Pro Mode</label>
                              </div>
                          </div>
                      </div>
                      <div className="row">
                          <div className="col-12">
                              <ProtectedFeature pro={this.state.proMode}
                              {...this.props} />
                          </div>
                      </div>
                  </div>
              );
          }
      };
  }