import {h, Component} from 'preact';
import Toolbar from 'preact-material-components/Toolbar';
import 'preact-material-components/Toolbar/style.css';

export default class ToolbarPage extends Component {
  render(){
    return (
      <div>
        <Toolbar className="toolbar">
            <Toolbar.Row>
              <Toolbar.Section align-start={true}>
                <Toolbar.Icon menu={true}>menu</Toolbar.Icon>
                <Toolbar.Title>
                  My App
                </Toolbar.Title>
              </Toolbar.Section>
              <Toolbar.Section align-end={true}>
                <Toolbar.Icon>more_vert</Toolbar.Icon>
              </Toolbar.Section>
            </Toolbar.Row>
          </Toolbar>
      </div>
    );
  }
}