How to use the office-ui-fabric-react.css function in office-ui-fabric-react

started: 1,
            beta: 2,
            release: 3
        };

        // Nav-linkText is a class name from the Fabric nav
        return (
            <>
                
                <span>
                    {link.name}
                </span>
                {link.status !== undefined &amp;&amp; (
                    <span>
                        {exampleStatus[link.status]}
                    </span>
                )}
            
        );
    };

private _pageContent = (sections: IPageSectionProps[]): JSX.Element | undefined => {
    const { sectionWrapperClassName, showSideRail } = this.props;
    const { isMountedOffset } = this.state;

    return (
      <div>
        {// Map over array of section objects in order to add increasing transitionDelay to stagger load animation.
        sections.map((section: IPageSectionProps, sectionIndex: number) =&gt; {
          const { renderAs: SectionType = OtherPageSection, className, style, ...rest } = section;
          return (
            </div>

hideBackground={!props.showBackground}
      showBackgroundFrame={true}
    />
  );

  const { backgroundSize } = getTileLayout(tile);

  const imageSize = fitContentToBounds({
    contentSize: props.originalImageSize,
    boundsSize: backgroundSize || { width: 0, height: 0 },
    mode: 'cover'
  });

  return (
    <div style="{{">
      {renderTileWithLayout(tile, {
        background: (
          <img src="{`//placehold.it/${Math.round(imageSize.width)}x${Math.round(imageSize.height)}`}">
        )
      })}
    </div>
  );

const match = text.slice(matchIndex, matchIndex + searchQuery.length);
        const after = text.slice(matchIndex + searchQuery.length);
        const highlightMatch = <span>{match}</span>;
        linkText = (
          &lt;&gt;
            {before}
            {highlightMatch}
            {after}
          
        );
      }
    }

    return (
      <li>
        {!(page.isUhfLink &amp;&amp; location.hostname !== 'localhost') &amp;&amp; searchRegEx.test(page.title) &amp;&amp; (
          
            {linkText}</li>

private _renderLink(page: INavPage, linkIndex: number, isStacked?: boolean): JSX.Element {
    const { platform } = this.props;
    if (page.isHiddenFromMainNav) {
      return null;
    }
    return (
      <li>
        <a title="{page.title}" href="{page.url}">
          <span>{page.title}</span>
        </a>
      </li>
    );
  }

private _renderLinkList(pages: INavPage[], isStacked?: boolean): JSX.Element {
    const links: JSX.Element[] = pages
      .filter(page => {
        if (!page.hasOwnProperty('isHiddenFromMainNav') && page.isHomePage && !isStacked) {
          return false;
        }

        return true;
      })
      .map((page, pageIndex) => this._renderLink(page, pageIndex, isStacked));

    return (
      <ul aria-label="Website top-level navigation">
        {links}
      </ul>
    );
  }
}

const classTodoItem: string = css(
      styles.todoListItem,
      'ms-Grid',
      'ms-u-slideDownIn20'
    );

    return (
      <div data-is-focusable="{" role="row">
        
          <div>
            
            <button>
          </button></div>
        
      </div>
    );
  }

label={ this.props.item.Title }
              onChange={ this._handleToggleChanged }
              checked={ this.props.item.PercentComplete >= 1 }
            />
            <button>
          
          <div>
            {
              this._renderPersona(
                strings.TodoItemCreateLabel,
                this.props.item.Author,
                this.props.shouldShowCreatedBy
              )
            }
            {
              this._renderPersona(
                strings.TodoItemCompleteLabel,
                this.props.item.Editor,
                this.props.shouldShowCompletedBy &amp;&amp; this.props.item.PercentComplete &gt;= 1
              )
            }
          </div>
        </button>

onClick={() => {
              alert('An @mentioned name was clicked.');
            }}
          >
            @Anđela Debeljak
          ,
          <span> in the text of the comment.</span>
        ],
        timeStamp: 'Just now'
      },
      {
        key: 2,
        activityDescription: [
           {
              alert('A name was clicked.');
            }}
          &gt;
            Lisha Refai
          ,
          <span> deleted </span>,
          <span>
            DocumentTitle.docx
          </span>
        ],
        activityIcon: ,
        timeStamp: '2 hours ago'
      },
      {
        key: 3,