rightpane.js

rightpane.js

import React, { Component } from 'react'
import { Grid, Paper, Typography } from 'material-ui'

class RightPane extends Component {
  constructor(props) {
    super(props)
    this.state = {
      styles: this.props.styles,
      exercises: this.props.exercises
    }
  }

  render() {
    const { styles, exercises } = this.state
    return (
      <Grid item sm>
        <Paper style={styles.Paper}>
          <Typography variant="display1">Welcome!</Typography>
          <Typography variant="subheading" style={{ marginTop: 20 }}>
            Please select an exercise from the list on the left
          </Typography>
        </Paper>
      </Grid>
    )
  }
}

export default RightPane