How to use the @uifabric/styling.FontClassNames.mediumPlus function in @uifabric/styling

onRender: (item, idx) => {
          return (
            !isNil(idx) && (
              <div>{idx}</div>
            )
          );
        },
      },

t.flexAuto,
        t.z0,
        t.pa5,
        t.relative,
        t.flex,
        t.flexColumn,
        t.itemsCenter,
        t.justifyCenter,
      )}
    >
      <div>
        Platform for AI
      </div>
      <div>
        Platform for AI is an open source platform that provides complete AI
        model training and resource management capabilities, it is easy to
        extend and supports on-premise, cloud and hybrid environments in various
        scale.
      </div>

styles={{
                          root: [
                            { fontSize: IconFontSizes.medium },
                            ColorClassNames.neutralSecondary,
                          ],
                        }}
                      />
                    
                  
                
              )}
            
            <div>
              
              </div>

isResizable: true,
        onRender: item => {
          const id = item.containerId;
          return (
            !isNil(id) && (
              <div>
                {id}
              </div>
            )
          );
        },
      },
      {
        key: 'ip',
        name: 'IP',
        className: FontClassNames.mediumPlus,
        headerClassName: FontClassNames.medium,
        minWidth: 80,
        maxWidth: 140,
        isResizable: true,
        fieldName: 'containerIp',
        onRender: item =&gt; {
          const ip = item.containerIp;
          return (
            !isNil(ip) &amp;&amp; (
              <div>
                 ,</div>

t.ph4,
        t.flex,
        t.flexColumn,
        t.itemsCenter,
        t.justifyBetween,
      )}
    >
      <div>
        <div style="{{">
          Understand Job
        </div>
        <div style="{{">
          The job of OpenPAI defines how to execute command(s) in specified
          environment(s). A job can be model training, other kinds of commands,
          or distributed on multiple servers.
        </div>
      </div>
      
        Learn more

key={`icon-${idx}-${iconName}`}
              className={c(t.absolute, t.absoluteFill)}
              styles={{
                root: {
                  color:
                    idx === 0 ? outerColor || statusColor.unknown : 'white',
                  fontSize: FontSizes.mediumPlus,
                },
              }}
              iconName={iconName}
            />
          ))}
        
      )}
      <div>
        {children}
      </div>
    
  
);

t.tc,
        t.flex,
        t.flexColumn,
        t.itemsCenter,
        t.justifyBetween,
      )}
    >
      <div>
        <div style="{{">
          Submit a hello-world job
        </div>
        <div style="{{">
          With submitting a hello-world job, this section introduces more
          knowledge about job, so that you can write your own job configuration
          easily.
        </div>
      </div>
      
        Learn more

this.showSshInfo(item.containerId)}
                  disabled={
                    isNil(item.containerId) || item.taskState !== 'RUNNING'
                  }
                />
              )}
              
                  this.showContainerLog(
                    `${item.containerLog}user.pai.stdout`,
                    'stdout',
                  )
                }
                disabled={isNil(item.containerId) || isNil(item.containerIp)}
              />

export const Badge = ({ children, className }) => (
  <div>{children}</div>
);

>
              Status:
            
            
          
          <div>
            <div style="{{">
              Start Time:
            </div>
            <div>
              {printDateTime(DateTime.fromMillis(jobRetry.attemptStartedTime))}
            </div>
          </div>
          <div>
            <div style="{{">
              Duration:
            </div>
            <div>
              {getAttemptDurationString(jobRetry)}
            </div></div>