How to use the @grafana/ui.withTheme function in @grafana/ui

collapsible
            isOpen={showingGraph}
            loading={loading}
            onToggle={this.onClickGraphButton}
          >
            {this.renderGraph()}
          
        )}

        {!showPanel && this.renderGraph()}
      
    );
  }
}

export const ExploreGraphPanel = withTheme(UnThemedExploreGraphPanel);
ExploreGraphPanel.displayName = 'ExploreGraphPanel';

confirmVariant="danger"
                onClick={this.onOrgRemoveClick}
                onCancel={this.onCancelClick}
                onConfirm={this.onOrgRemove}
              >
                Remove from organisation
              
            
          
        )}
      
    );
  }
}

const OrgRow = withTheme(UnThemedOrgRow);

const getAddToOrgModalStyles = stylesFactory(() => ({
  modal: css`
    width: 500px;
  `,
  buttonRow: css`
    text-align: center;
  `,
}));

interface AddToOrgModalProps {
  isOpen: boolean;
  onOrgAdd(orgId: number, role: string): void;
  onDismiss?(): void;
}

onMoveForward={this.onMoveForward}
          onZoom={this.onZoom}
        />
        
      
    );
  }
}

export const DashNavTimeControls = withTheme(UnthemedDashNavTimeControls);

collapsible
            isOpen={showingGraph}
            loading={loading}
            onToggle={this.onClickGraphButton}
          >
            {this.renderGraph()}
          
        )}

        {!showPanel && this.renderGraph()}
      
    );
  }
}

export const ExploreGraphPanel = withTheme(UnThemedExploreGraphPanel);
ExploreGraphPanel.displayName = 'ExploreGraphPanel';

Stop Live
          
        
      
    );
  }
}

export const LiveLogsWithTheme = withTheme(LiveLogs);

<button>
            <i>
            &nbsp; Exit live mode
          </i></button><i>
          {isPaused || (
            <span>
              Last line received:  ago
            </span>
          )}
        
      
    );
  }
}

export const LiveLogsWithTheme = withTheme(LiveLogs);
</i>

{showDocumentation && (
          
        )}
      
    );
  }
}

export const TypeaheadWithTheme = withTheme(Typeahead);

interface PortalProps {
  index?: number;
  isOpen: boolean;
  origin: string;
  style: string;
}

class Portal extends React.PureComponent {
  node: HTMLElement;

  constructor(props: PortalProps) {
    super(props);
    const { index = 0, origin = 'query', style } = props;
    this.node = document.createElement('div');
    this.node.setAttribute('style', style);

onMoveForward={this.onMoveForward}
          onZoom={this.onZoom}
        />
        
      
    );
  }
}

export const DashNavTimeControls = withTheme(UnthemedDashNavTimeControls);