import React, { Component } from 'react'
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles'
import { PaymentForm } from 'seasoned-credit-card-form-web'
import 'react-credit-cards/es/styles-compiled.css'
 
const theme = createMuiTheme({})
 
const Example = props => (
  <MuiThemeProvider theme={theme}>
    <PaymentForm
      onSubmit={values => doSomething(values)}
      submitting={false}
      error={serverError}
      acceptedCards={['visa', 'amex', 'elo', 'mastercard', 'diners', 'hipercard']}
    />
  </MuiThemeProvider>
)