content: import '@material/toolbar/dist/mdc.toolbar.css';
  import PropTypes from 'prop-types';
  import React, { Component } from 'react';
  import classNames from 'classnames';
  import { MDCToolbar } from '@material/toolbar';
  import ToolbarRow from './toolbarRow';
  
  class Toolbar extends Component {
      static propTypes = {
          children: PropTypes.oneOfType([
              PropTypes.element,
              PropTypes.arrayOf(PropTypes.element),
          ]),
          darkTheme: PropTypes.bool,
          fixed: PropTypes.bool,
      }
      constructor(props) {
          super(props);
  
          this.mainRoot = React.createRef();
      }
      componentDidMount() {
          this.toolbar = new MDCToolbar(this.mainRoot.current);
      }
      render() {
          const {
              children, darkTheme, fixed, ...rest
          } = this.props;
          return (
              <header ref={this.mainRoot} className={classNames('mdc-toolbar', { 'mdc-toolbar--theme-dark': darkTheme }, { 'mdc-toolbar--fixed': fixed })}>
                  <ToolbarRow {...rest} />
                  {children}
              </header>
          );
      }
  }
  export default Toolbar;
  