old_contents: import React from 'react';
  import PropTypes from 'prop-types';
  import AppBar from 'material-ui/AppBar';
  import { white } from 'material-ui/styles/colors';
  
  import Theme from '../Theme';
  import Brand from './Brand';
  
  const Header = ({ left, title, right, style }) =>
    <div>
      <AppBar
        iconElementLeft={left}
        iconStyleLeft={styles.left}
        title={title}
        titleStyle={styles.title}
        iconElementRight={right}
        iconStyleRight={styles.right}
        showMenuIconButton={left !== null}
        style={{ ...styles.wrapper, ...style }}
        zDepth={2}
      />
    </div>;
  
  Header.Brand = Brand;
  
  const styles = {
    wrapper: {
      position: 'fixed',
      top: 0,
      zIndex: 1400,
      boxShadow: 'rgba(0, 0, 0, 0.004) 0px 5px 10px, rgba(0, 0, 0, 0.1) 0px 8px 20px',
    },
    left: {
      width: Theme.drawer.width,
      height: Theme.appBar.height,
      margin: 0,
      padding: 20,
      boxSizing: 'border-box',
      display: 'flex',
    },
    title: {
      height: Theme.appBar.height,
      margin: 0,
      padding: 20,
      boxSizing: 'border-box',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      lineHeight: 'initial',
    },
    right: {
      width: Theme.drawer.width,
      height: Theme.appBar.height,
      margin: 0,
      padding: 20,
      boxSizing: 'border-box',
      display: 'flex',
      justifyContent: 'flex-end',
    },
  };
  
  Header.defaultProps = {
    style: {},
    left: null,
    title: null,
    right: null,
  };
  
  Header.propTypes = {
    style: PropTypes.object,
    left: PropTypes.node,
    title: PropTypes.node,
    right: PropTypes.node,
  };
  
  export default Header;
  
new_contents: import React from 'react';
  import PropTypes from 'prop-types';
  import AppBar from 'material-ui/AppBar';
  
  import Theme from '../Theme';
  import Brand from './Brand';
  
  const Header = ({ left, title, right, style }) =>
    <div>
      <AppBar
        iconElementLeft={left}
        iconStyleLeft={styles.left}
        title={title}
        titleStyle={styles.title}
        iconElementRight={right}
        iconStyleRight={styles.right}
        showMenuIconButton={left !== null}
        style={{ ...styles.wrapper, ...style }}
        zDepth={2}
      />
    </div>;
  
  Header.Brand = Brand;
  
  const styles = {
    wrapper: {
      position: 'fixed',
      top: 0,
      zIndex: 1400,
      boxShadow: 'rgba(0, 0, 0, 0.004) 0px 5px 10px, rgba(0, 0, 0, 0.1) 0px 8px 20px',
    },
    left: {
      width: Theme.drawer.width,
      height: Theme.appBar.height,
      margin: 0,
      padding: 20,
      boxSizing: 'border-box',
      display: 'flex',
    },
    title: {
      height: Theme.appBar.height,
      margin: 0,
      padding: 20,
      boxSizing: 'border-box',
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      lineHeight: 'initial',
    },
    right: {
      width: Theme.drawer.width,
      height: Theme.appBar.height,
      margin: 0,
      padding: 20,
      boxSizing: 'border-box',
      display: 'flex',
      justifyContent: 'flex-end',
    },
  };
  
  Header.defaultProps = {
    style: {},
    left: null,
    title: null,
    right: null,
  };
  
  Header.propTypes = {
    style: PropTypes.object,
    left: PropTypes.node,
    title: PropTypes.node,
    right: PropTypes.node,
  };
  
  export default Header;
  
subject: Remove unused import from Header