How to use the @blueprintjs/core.Classes.MINIMAL function in @blueprintjs/core

public render() {
    return (
       this.toggleOpen(nextState)}
      >
        <button>
          {this.generateButtonText()}
        </button>
        
          <div>
            
              </div>

const Navigation: React.FunctionComponent = () => (
  
    
      
        Flotilla
      
      
      
        
          Tasks
        
        
          <span>Templates</span>
          New!

<menuitem>
    )

    return (
      <div>
        
        
        
          
            <button>
          
          
            </button><button>
            </button><button>
            
              </button><button>
            
          
        
        <div>
          {deltachat.chats.map((chat) =&gt; {
            if (!chat) return
            const i18n = window.translate
            if (chat.id === 1) {
              const name = `${tx('newMessageFrom')} ${chat.name}`
              return (
                </div></button></div></menuitem>

render() {
    const { signedIn, goTo, handleSignInClick } = this.props;

    return (
      <div style="{{"> { this.scrollContainer = container; }}
      &gt;
        <div style="{{">
          <button> goTo('installed')}
          /&gt;
          </button><button> goTo('my')}
          /&gt;
        </button></div>
        {signedIn ? [
          <div>{this.renderList()}</div>,
          <div>{this.renderStatus()}</div>,</div>

render () {
    const tx = window.translate

    const blockedContacts = this.state.blockedContacts
    return (
      <div>
        
          
            <button aria-label="{tx('back')}">
            {tx('unblock_contacts_desktop')}
          
        
        <div>
          {!blockedContacts.length &amp;&amp; {tx('none_blocked_desktop')}}
          {blockedContacts.map((contact) =&gt; {
            return (
            )
          })}
        </div></button></div>

const chapterSelect = (
  currentChap: number,
  handleSelect = (i: IChapter, e: React.ChangeEvent) => {}
) => (
  
    <button>
  
);
</button>

renderDescription() {
    const connecting = this.state.connecting;

    let rightElement;

    if (connecting) {
      rightElement = ;
    } else {
      const disabled = !this.state.address;
      rightElement = (
        
            <button disabled="{disabled}"> this.connect()}
            /&gt;
        
      );
    }

    return (
      <div>
        <form> {
            e.preventDefault();
            this.connect();
          }}</form></div></button>

import { Alert, Button, Classes, Colors } from '@blueprintjs/core'
import * as React from 'react'

import Key from 'constants/key'
import styled from 'styled'

/**
 * HelpButton component.
 */
const HelpButton = styled(Button)`
  &.${Classes.BUTTON}.${Classes.MINIMAL}, .${Classes.DARK} &.${Classes.BUTTON}.${Classes.MINIMAL} {
    min-height: 18px;
    min-width: 18px;
    padding: 0;

    & svg {
      color: ${Colors.GRAY2};
    }

    &:active,
    &:hover,
    &.${Classes.ACTIVE} {
      background: initial;

      & svg {
        color: ${Colors.LIGHT_GRAY1};
      }

render () {
    const { setupMessage } = this.state
    const chat = this.getChat()
    this.state.value = chat.textDraft

    return (
      <div>
        
        
          
            <button>
          
          
            {chat.name}
            ...} position={Position.RIGHT_TOP}&gt;
              </button><button>
            
          
        
        {this.state.error &amp;&amp; this.state.error}
        <div>
          
            {chat.messages.map((message) =&gt; {
              const msg = 
              if (message.msg.isSetupmessage) {
                return <li>
                  {msg}
                </li>
              }

              return <li>{msg}</li>
            })}</div></button></div>

* Preview component.
 */
const Preview = styled.img`
  border: 1px solid ${Colors.DARK_GRAY3};
  display: block;
  max-width: 100%;
`

/**
 * PanelButtons component.
 */
const PanelButtons = styled.div`
  border-top: 1px solid ${theme('channel.border')};
  padding: 0;

  & .${Classes.BUTTON_GROUP}.${Classes.MINIMAL}.${Classes.FILL} {
    background-color: ${theme('channel.background')};
  }
`

/**
 * The various panel types.
 */
export enum ChannelDetailsType {
  LastVods = 'Last Vods',
  RecentClips = 'Recent Clips',
  TopClips = 'Top Clips',
}

/**
 * A map between panel types & their associated components.
 */