import * as React from "react";
import {Elements} from 'react-stripe-elements';

import { IInputProps } from "../Input";

import { InjectedPaymentForm } from '../InjectedPaymentForm';

interface IPaymentFormProps {
  onSubmit: (token: string, email: string) => void
  purchaseText: string
  input?: Partial<IInputProps>;
}

export class PaymentForm extends React.Component<IPaymentFormProps, {}> {
  public render() {
    return (
      <Elements>
        <InjectedPaymentForm 
          onSubmit={this.props.onSubmit}
          purchaseText={this.props.purchaseText}
          input={this.props.input}
        />
      </Elements>
    );
  }
}