text: /**
   * React Starter Kit (https://www.reactstarterkit.com/)
   *
   * Copyright © 2014-present Kriasoft, LLC. All rights reserved.
   *
   * This source code is licensed under the MIT license found in the
   * LICENSE.txt file in the root directory of this source tree.
   */
  
  import useStyles from 'isomorphic-style-loader/useStyles';
  import React from 'react';
  import s from './Header.css';
  import Link from '../Link';
  import Navigation from '../Navigation';
  import logoUrl from './logo-small.png';
  import logoUrl2x from './logo-small@2x.png';
  
  export default function Header() {
    //在浏览器端和服务端均会输出
    console.log(`this is header`)
    useStyles(s);
    if(process.env.BROWSER){
      //只在浏览器端去输出
      //也就是所只在浏览器端做的事情，可以在该条件下完成
      debugger;
      console.log(`this is header in browser`)
    }
    return (
      <div className={s.root}>
        <div className={s.container}>
          <Navigation />
          <Link className={s.brand} to="/">
            <img
              src={logoUrl}
              srcSet={`${logoUrl2x} 2x`}
              width="38"
              height="38"
              alt="React"
            />
            <span className={s.brandTxt}>Your Company</span>
          </Link>
          <div className={s.banner}>
            <h1 className={s.bannerTitle}>React</h1>
            <p className={s.bannerDesc}>Complex web apps made easy</p>
          </div>
        </div>
      </div>
    );
  }
  