{"size": 1180, "ext": "js", "max_stars_repo_path": "intercom/src/components/Billing/AddToBalanceWrapper.js", "max_stars_repo_name": "intercom-app/labs11-IntercomApp", "max_stars_repo_stars_event_min_datetime": "2019-03-20T19:02:02.000Z", "max_stars_repo_stars_event_max_datetime": "2019-03-20T19:02:02.000Z", "max_issues_repo_path": "intercom/src/components/Billing/AddToBalanceWrapper.js", "max_issues_repo_name": "intercom-app/labs11-IntercomApp", "max_issues_repo_issues_event_min_datetime": "2019-03-21T18:15:44.000Z", "max_issues_repo_issues_event_max_datetime": "2019-04-26T07:25:32.000Z", "max_forks_repo_path": "intercom/src/components/Billing/AddToBalanceWrapper.js", "max_forks_repo_name": "intercom-app/labs11-IntercomApp", "max_forks_repo_forks_event_min_datetime": "2019-07-15T21:58:59.000Z", "max_forks_repo_forks_event_max_datetime": "2019-08-15T23:56:26.000Z"}
{"max_stars_count": 1, "max_issues_count": 84, "max_forks_count": 2, "avg_line_length": 40.6896551724, "max_line_length": 146, "alphanum_fraction": 0.5508474576}
import React, { Component } from "react";
import {Elements, StripeProvider} from 'react-stripe-elements';
import AddToBalance from './AddToBalance';

class AddToBalanceWrapper extends Component {
    // constructor(props) {
    //     super(props);
    //     this.state = {}
    // }
    render() { 
        return (
            // StripeProvider initializes Stripe and passes in your publishable key. It’s equivalent to creating a Stripe instance with Stripe.js.
            <StripeProvider apiKey = {process.env.REACT_APP_PK_TEST} betas = {["payment_intent_beta_3"]}>
                {/* <div style = {{border:'1px solid black'}}> */}
                <div>
                    <Elements>
                        <AddToBalance 
                            // updateUserAccountBalance = {this.props.updateUserAccountBalance}
                            toggleChangeAddToBalance = {this.props.toggleChangeAddToBalance}
                            handleAddToBalance= {this.props.handleAddToBalance}
                        />
                    </Elements>
                </div>               
            </StripeProvider>
        )
    }
}

export default AddToBalanceWrapper;