How to use the schema-based-json-editor.buttonGroupStyle function in schema-based-json-editor

render() {
    return (
      <div>
        <label>
          {this.titleToShow}
          <div style="{common.buttonGroupStyle}">
            
            
          </div>
        </label>
        
      </div>
    )

minItemCountIfNeedFilter={this.props.minItemCountIfNeedFilter}
          noSelect2={this.props.noSelect2}
          monacoEditor={this.props.monacoEditor} />)
      : []
    const filterElement: JSX.Element | null = (!this.collapsed && this.value !== undefined && this.showFilter)
      ? <div><input placeholder="{this.props.locale.info.search}"></div>
      : null

    return (
      <div>
        <h3>
          {this.titleToShow}
          <div style="{common.buttonGroupStyle}">
            
            
            </div></h3></div>

)
    } else {
      element = (
        <div>
          {filterElement}
          {childrenElement}
        </div>
      )
    }

    return (
      <div>
        <h3>
          {this.titleToShow}
          <div style="{common.buttonGroupStyle}">
            
             0 &amp;&amp; !this.props.schema.enum}
              onClick={this.collapseOrExpand}
              text={this.collapsed ? this.props.icon.expand : this.props.icon.collapse}
              theme={this.props.theme}
              icon={this.props.icon} /&gt;
            </div></h3></div>

}
    }

    const imagePreview = this.willPreviewImage ? <img src="{this.getImageUrl}" style="{common.imagePreviewStyle}"> : null

    const markdownTip = this.useTextArea &amp;&amp; !this.collapsed &amp;&amp; this.willPreviewMarkdown ?  : null
    const markdownPreview = this.willPreviewMarkdown ? <div></div> : null

    const codePreview = this.willPreviewCode ? <pre><code></code></pre> : null

    return (
      <div>
        <label>
          {this.titleToShow}
          <div style="{common.buttonGroupStyle}">
            
            
            </div></label></div>

checked={this.value === option.value}
              disabled={this.isReadOnly} />
            {option.label}
          
        )
        select = <div>
          {options}
        </div>
      }
    }

    return (
      <div>
        <label>
          {this.titleToShow}
          <div style="{common.buttonGroupStyle}">
            
            
          </div>
        </label>
        {input}
        {select}
        </div>

render() {
    return (
      <div>
        <label>
          {this.titleToShow}
          <div style="{common.buttonGroupStyle}">
            
            
          </div>
        </label>
        </div>

onChange={this.onChange}
                  checked={!this.value}
                  disabled={this.isReadOnly} />
                {this.props.locale.info.false}
              
            
          
        )
      }
    }

    return (
      <div>
        <label>
          {this.titleToShow}
          <div style="{common.buttonGroupStyle}">
            
            
          </div>
        </label>
        {control}
        
      </div>