text: import * as React from "react";
  import { Spinner, SpinnerType } from "office-ui-fabric-react";
  /* global Spinner */
  import styled from "styled-components";
  
  const FlexSection = styled.section`
    display: flex
    justify-content: center;
    align-items: center:
    flex-direction: column;
    text-align: center;
  `;
  
  export default class Progress extends React.Component {
    render() {
      const { logo, message, title } = this.props;
  
      return (
        <FlexSection>
          <img width="90" height="90" src={logo} alt={title} title={title} />
          <h1 className="ms-fontSize-su ms-fontWeight-light ms-fontColor-neutralPrimary">{title}</h1>
          <Spinner type={SpinnerType.large} label={message} />
        </FlexSection>
      );
    }
  }
  