ClassificationHeader.tsx

import * as React from "react";
import { IClassificationHeaderProps, 
        IClassificationHeaderState } from "./ClassificationHeader.types";
import { MessageBar,
        MessageBarType } from "office-ui-fabric-react/lib/MessageBar";
import { Link } from "office-ui-fabric-react/lib/Link";

export default class ClassificationHeader extends React.Component<IClassificationHeaderProps, IClassificationHeaderState> {
  public render(): React.ReactElement<IClassificationHeaderProps> {
    // for now, let's just render a static message bar, with a fake link
    return (
        <MessageBar
        messageBarType={ MessageBarType.warning }
      >
        This site is classified as MBI. <Link href="www.bing.com">Learn more about the proper handling procedures.</Link>
      </MessageBar>
    );
  }
}