render()

in src/components/view/SegmentFrame/SegmentFrame.tsx [30:51]

• 22 lines of code
• 5 McCabe index (conditional complexity)

  render() {
    return (
      <>
        <div className={this.props.className != null ? this.props.className : cx('gf-form-inline', styles)}>
          <div className="gf-form">
            {this.props.title != null ? (
              <span className={`gf-form-label ${this.props.resetTitleWidth ? '' : 'width-8'} query-keyword`}>
                {this.props.title}{' '}
              </span>
            ) : null}
          </div>
          {this.props.children}
          {this.props.options != null && this.props.onChange != null ? (
            <ButtonCascader value={undefined} onChange={this.onChangeValue} options={this.props.options}>
              +
            </ButtonCascader>
          ) : null}
          {!this.props.hideShadow ? <div className="gf-form-label gf-form-label--grow"></div> : null}
        </div>
      </>
    );
  }