Ghost/ghost/members-auth-pages/components/CheckoutForm.js
Rish 19f243aed1 Refactored members auth flow with dynamic settings
no issue

- Updated members auth flow UI
- Updated members settings and routing to be dynamic
2019-05-07 17:15:50 +02:00

32 lines
722 B
JavaScript

import React, { Component } from 'react';
import { CardElement } from 'react-stripe-elements';
class CheckoutForm extends Component {
constructor(props) {
super(props);
}
render() {
let style = {
base: {
'::placeholder': {
color: '#8795A1',
fontSize: '15px'
}
},
invalid: {
'::placeholder': {
color: 'rgba(240, 82, 48, 0.75)'
}
}
};
return (
<div className="gm-form-element">
<CardElement style={ style } />
</div>
);
}
}
export default CheckoutForm;