SignInModalBody.jsx

import React from 'react';
const {Component, PropTypes} = React;
import styles from './styles.js';

class SignInModalBody extends Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {
    this.props.setModalState({
      title: 'Sign in',
      width: 500,
      showOk: false,
    });
  }

  render() {
    return (
      <div>
        <p style={styles.title}>Choose your flavor</p>

        <button
          style={{...styles.button, ...styles.facebookButton}}
          onClick={this.signIn.bind(this, 'facebook')}
        >Facebook</button>

        <button
          style={{...styles.button, ...styles.googleButton}}
          onClick={this.signIn.bind(this, 'google')}
        >Google</button>

        <button
          style={{...styles.button, ...styles.twitterButton}}
          onClick={this.signIn.bind(this, 'twitter')}
        >Twitter</button>
      </div>
    );
  }
}

SignInModalBody.propTypes = {
  setModalState: PropTypes.func.isRequired,
};

export default SignInModalBody;