import React, { Component, PropTypes } from 'react';
import { /* CardText, Styles, */ RaisedButton } from 'material-ui';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import Spacing from 'material-ui/styles/spacing';
import Pagelet from '../Pagelet/Pagelet';

import UCdefaultTheme from '../../themes/DefaultTheme';
/**
 * Component to show schedule
 */
export default class Schedule extends Component {

  getChildContext() {
    const theme = getMuiTheme(UCdefaultTheme);
    theme.appBar.textColor = 'white';
    theme.appBar.spacing = Spacing.desktopSubheaderHeight;
    return {
      muiTheme: theme,
    };
  }

  render() {
    const { ClassScheduleUrl } = this.props;
    return (
      <div style={{ paddingTop: 20, paddingBottom: 20, textAlign: 'center' }}>
        <RaisedButton
          label="View Class Schedule"
          labelStyle={{ fontSize: '12px' }}
          secondary
          href={ClassScheduleUrl}
        />
      </div>
    );
  }
}

Schedule.propTypes = {
  ClassScheduleUrl: PropTypes.string,
};

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