import React, { Component, PropTypes } from 'react';
import { RaisedButton } from 'material-ui';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import Spacing from 'material-ui/styles/spacing';
import UCdefaultTheme from '../../themes/DefaultTheme';
/**
 *
 */
export default class GenericComponent extends Component {
  getChildContext() {
    const theme = getMuiTheme(UCdefaultTheme);
    theme.appBar.textColor = 'white';
    theme.appBar.spacing = Spacing.desktopSubheaderHeight;
    return {
      muiTheme: theme,
    };
  }

  render() {
    return (
      <div>
          <div style={{ paddingTop: 20, paddingBottom: 20, textAlign: 'center' }}>
            <RaisedButton
              label="This is a RaisedButton."
              labelStyle={{ fontSize: '12px' }}
              secondary
            />
          </div>
      </div>
    );
  }
}

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