footer.js

Footer.js

import React, { Component } from 'react'
import { Paper, Tabs } from 'material-ui'
import { Tab } from 'material-ui/Tabs'

class Footer extends Component {
  constructor(props) {
    super(props)
    this.state = {
      muscles: this.props.muscles
    }
  }

  render() {
    const { muscles } = this.state
    return (
      <div>
        <Paper>
          <Tabs value={0} indicatorColor="primary" textColor="primary" centered>
            {muscles.map(muscle => <Tab key={muscle} label={muscle} />)}
          </Tabs>
        </Paper>
      </div>
    )
  }
}

export default Footer