Grecaptcha-2

import React, {Component} from 'react';
import './App.css';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import AppBar from 'material-ui/AppBar';
import RaisedButton from 'material-ui/RaisedButton';
import TextField from 'material-ui/TextField';
import ReCAPTCHA from 'react-grecaptcha'

const callback = function () {};
const expiredCallback = function () {};

class App extends Component {
  render() {
    return (
        <div className="App">
          <center>
            <MuiThemeProvider>
              <div>
                <AppBar
                    title="Login"
                />
                <TextField
                    hintText="Enter your Username"
                    floatingLabelText="Username"
                    onChange={(event, newValue) => this.setState({username: newValue})}
                />
                <br/>
                <TextField
                    type="password"
                    hintText="Enter your Password"
                    floatingLabelText="Password"
                    onChange={(event, newValue) => this.setState({password: newValue})}
                />
                <br/>
                <br/>
                <ReCAPTCHA
                    sitekey="6LeTci8UAAAAAAZV-D4OGD9x7VJvBUQ8QJDT9N4X"
                    callback={callback}
                    expiredCallback={expiredCallback}
                    locale="en"
                />
                <br/>
                <br/>
                <RaisedButton label="Submit" primary={true} />
              </div>
            </MuiThemeProvider>
          </center>
        </div>
    );
  }
}

export default App;