How to use the sass/global.scss.inline function in sass

render(h) {
    const { hostListData, $store } = this
    const props = {
      ...hostListData,
      rows: $store.state.portal.hostList.hostListItems
    }

    return (
      <div class="{[s.pluginsListWrapper]}">
        

        {/* Delete LightBox */}
        
          
            <p>Delete this Host Group ?</p>
            <div class="{[s.lbViewBox]}">
              
                
                  <button class="{[s.buttonBig]}">Yes</button>
                
                
                  <button class="{[s.buttonBig]}"> this.$refs.lbDeleteHostFromGroup.close(e)}&gt;NO</button>
                
              
            </div>
          
        
      </div>
    )

<p> Are you sure ?</p>
            <div class="{[s.lbViewBox]}">
              
                
                  <button class="{[s.buttonBig]}"> this.submitDeleteHostGroupHandle(e, this)}&gt;Yes</button>
                
                
                  <button class="{[s.buttonBig]}"> this.$refs.lbDeleteHostGroupList.close(e)}&gt;NO</button>
                
              
            </div>
          
        

        {/* LightBox Hosts List */}
        
          
            <h2>Group name: {state.portal.hostInGroupList.groupName}</h2>
            <div class="{[s.lbViewBox]}">
              <div class="{[s.searchInput]}">
                <div class="{[s.inputGroups]}">
                  <input placeholder="search hosts" loading="{state.portal.getHostsListLoading}">
                  <span class="{[s.btnAppend]}">
                    <button>Search</button>
                  </span>
                </div></div></div>