import React, { Component, PropTypes } from 'react';
import { /* Styles, */ CircularProgress } from 'material-ui';

// import getMuiTheme from 'material-ui/styles/getMuiTheme';
// import UCdefaultTheme from '../../../themes/DefaultTheme.js';
import Pagelet from '../../Pagelet/Pagelet';
import ClassScheduleTermList from './ClassScheduleTermList';

export default class ClassScheduleTerm extends Component {
  render() {
    const { scheduleData, isFetching } = this.props;
    let content = 'No data is available';
    if (scheduleData.courses && Array.isArray(scheduleData.courses)) {
      content = scheduleData.courses.map((item, key) => (
        <ClassScheduleTermList
          number={item.course}
          description={item.desc}
          sections={item.sessions}
          key={`cs-term-list-ip-${key}`}
        />));
    }
    return (
      <div className="courses-wrapper">
        <h4 style={{ marginBottom: '20px' }}>{scheduleData.termName}</h4>
        {content}
      </div>
    );
  }
}

ClassScheduleTerm.propTypes = {
  scheduleData: PropTypes.object, // ESLint doesn't like generic PropTypes
  isFetching: PropTypes.bool,
};

ClassScheduleTerm.childContextTypes = {
  muiTheme: PropTypes.object,
};