exercises index.js

index.js

import React, { Component } from 'react'
import { Grid } from 'material-ui'
import LeftPane from './LeftPane'
import RightPane from './RightPane'

const styles = {
  Paper: {
    padding: 20,
    marginTop: 10,
    marginButton: 10,
    height: 500,
    overflowY: 'auto'
  }
}

class Exercises extends Component {
  constructor(props) {
    super(props)
    this.state = {
      exercises: this.props.exercises
    }
  }
  render() {
    const { exercises } = this.state
    return (
      <div>
        <Grid container>
          <LeftPane styles={styles} exercises={exercises} />
          <RightPane styles={styles} />
        </Grid>
      </div>
    )
  }
}

export default Exercises