text: import React from "react";
  import {inject, observer} from "mobx-react";
  
  
  @inject("stateStore") @observer
  export default class ContainerHeader extends React.Component {
  
      render() {
          const {pageTitle} = this.props.stateStore;
          const {headerIcon} = this.props.stateStore;
          const {pageDescription} = this.props.stateStore;
          return (
              <div class="container">
                  <div class="row">
  
                      <div class="area-top clearfix">
                          <div class="pull-left header">
                              <h3 class="title">
                                  <i class={headerIcon}></i>
                                  {pageTitle}
                              </h3>
                              <h5><span>{pageDescription}</span></h5>
                          </div>
                          <ul class="list-inline pull-right sparkline-box">
                              <li class="sparkline-row">
                                  <h4 class="blue"><span>Orders</span> 847</h4>
                                  {/*<div class="sparkline big" data-color="blue"><!--23,3,6,25,5,5,19,18,4,12,5,13--></div>*/}
                              </li>
                              <li class="sparkline-row">
                                  <h4 class="green"><span>Reviews</span> 223</h4>
                                  {/*<div class="sparkline big" data-color="green"><!--21,21,7,20,19,5,17,10,12,16,9,12--></div>*/}
                              </li>
                              <li class="sparkline-row">
                                  <h4 class="red"><span>New visits</span> 7930</h4>
                                  {/*<div class="sparkline big"><!--19,26,25,11,14,13,19,18,13,14,16,22--></div>*/}
                              </li>
  
                          </ul>
                      </div>
                  </div>
              </div>
          )
      }
  }