How to use rmwc - 2 common examples

// @flow
import * as React from "react";
import { Menu as BaseMenu, MenuItem, MenuAnchor } from "rmwc/Menu";

type Props = {
    // One or more Menu.Item components.
    children: React.ChildrenArray>,
    // A handler which triggers the menu, eg. button or link.
    handle?: React.Node
};

type State = {
    menuIsOpen: boolean
};

MenuItem.displayName = "Menu.Item";

class Menu extends React.Component {
    static Item = MenuItem;

    static defaultProps = {
        handle: null
    };

    state = {
        menuIsOpen: false
    };
    render() {
        return (

value: function renderComponent() {
      if (this.state.loading) {
        return _react2.default.createElement(
          'div',
          {
            style: {
              display: 'flex',
              flex: 1,
              margin: '10px',
              justifyContent: 'center',
              flexDirection: 'column',
              alignItems: 'center'
            }
          },
          _react2.default.createElement(
            _Card.Card,
            { style: { width: '80vw', margin: '20px', padding: '0px' } },
            _react2.default.createElement(_linearProgress.LinearProgress, { determinate: false })
          )
        );
      }

      return _react2.default.createElement(
        'div',
        {
          style: {
            color: this.props.textColor,
            backgroundColor: this.props.backgroundColor
          } },
        this.renderTimeline(),
        _react2.default.createElement(
          'div',