content: import React, { Component } from 'react';
  import { PropTypes } from 'react';
  import { connect } from 'react-redux';
  // import Header from './Header';
  // import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  import Play from './Play';
  class Cloud extends Component {
      constructor(props) {
          super(props);
          this.onPlaying = this.onPlaying.bind(this);
          this.state = {
              progress: 0,
              currentTime: 0,
              duration: 0
          };
      }
      onPlaying(obj) {
          this.setState(obj);
      }
      render() {
          const {progress, currentTime, duration} = this.state;
          return (
              <div>
                  {React.Children.map(this.props.children, (child) => {
                      return React.cloneElement(child, { progress: progress, currentTime: currentTime, duration });
                  })}
                  <Play onPlaying={this.onPlaying} />
              </div>
          );
      }
  }
  Cloud.propTypes = {
      children: PropTypes.any
  };
  export default connect()(Cloud);
  