import React from 'react';
import { Navigation } from 'react-router';
import { connect } from 'react-redux';
import StripeCheckout from 'react-stripe-checkout';

class Billing extends React.Component {
  constructor() {
    super();
    this.state = {
    };
  }

  onToken(token) {
    // console.log('stripe token', token);
  }

  render() {
    return (
      <section className="preferences-page">
        <StripeCheckout token={this.onToken}
                        amount={9999}
                        name={"Benzinga Pro"}
                        currency="USD"
                        stripeKey={process.env.STRIPE_PUBLISHABLE_KEY} />
      </section>
    );
  }
}

function selectUser(state) {
  return {
    user: state.user
  };
}

Billing.propTypes = {
  user: React.PropTypes.object
};

export default connect(selectUser)(Billing);