Header.js (1178B)
1 /** 2 * React Starter Kit (https://www.reactstarterkit.com/) 3 * 4 * Copyright © 2014-present Kriasoft, LLC. All rights reserved. 5 * 6 * This source code is licensed under the MIT license found in the 7 * LICENSE.txt file in the root directory of this source tree. 8 */ 9 10 import React from 'react'; 11 import withStyles from 'isomorphic-style-loader/lib/withStyles'; 12 import s from './Header.css'; 13 import Link from '../Link'; 14 import Navigation from '../Navigation'; 15 import logoUrl from './logo-small.png'; 16 import logoUrl2x from './logo-small@2x.png'; 17 18 class Header extends React.Component { 19 render() { 20 return ( 21 <div className={s.root}> 22 <div className={s.container}> 23 <Navigation /> 24 <Link className={s.brand} to="/"> 25 <img src={logoUrl} srcSet={`${logoUrl2x} 2x`} width="38" height="38" alt="React" /> 26 <span className={s.brandTxt}>Your Company</span> 27 </Link> 28 <div className={s.banner}> 29 <h1 className={s.bannerTitle}>React</h1> 30 <p className={s.bannerDesc}>Complex web apps made easy</p> 31 </div> 32 </div> 33 </div> 34 ); 35 } 36 } 37 38 export default withStyles(s)(Header);