var mui = require('material-ui');
var RaisedButton = mui.RaisedButton;
var Dialog = mui.Dialog
var ThemeManager = new mui.Styles.ThemeManager();
var TextField = mui.TextField;
var Colors = mui.Styles.Colors;

var Main = React.createClass({

 childContextTypes: {
    muiTheme: React.PropTypes.object
  },

  getChildContext() {
    return {
      muiTheme: ThemeManager.getCurrentTheme()
    };
  },

  componentWillMount() {
    ThemeManager.setPalette({
      accent1Color: Colors.deepOrange500
    });
  },

  render() {


    return (
      <div style={{"width": "100%"}}>
        <TextField
          style={{"width": "50%"}}
          defaultValue="Test"
        />
        <TextField
          style={{"width": "50%"}}
          errorText="Test"
          hintText="Hint Text" />
        <TextField
          style={{"width": "50%"}}
          errorText="Test"
          hintText="Hint Text" />
        <TextField
          style={{"width": "50%"}}
          hintText="Hint Text" />
      </div>
    );
  }


});

window.React = React;
React.render(<Main />, document.body);