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

export class CardSection extends React.Component {
  render() {
    return (
      <div className="card-input">
        <label>
          Card details
        </label>
        <CardElement 
          style={{
            base: {
              fontSize: '0.875rem',
              fontFamily: 'sans-serif',
              color: '#6b7b82'
            }
          }} 
        />
      </div>
    );
  }
}