Card JS react

card.js

<form className="card-form">
  <FullRow style={{marginBottom: '20px'}}>Please enter your card details below. Card transaction is processed via secure gateway.</FullRow>
  <CardIconsBanner brands={this.state.acceptedCardBrands}/>
  <TextInput prompt="Card number" name="cc-number" value={this.state.cardNumber} 
      components={components}
      wrapUsing={FullRow}
      stitchUsing = {FormControl}
      onChange={this.handleInput} stitcherClass="cardsInputinfo cardNumber" />
  <Block>
    <TextInput prompt="Expiry" name="cc-exp-month" placeholder="MM" 
      onChange={this.handleInput} wrapUsing={Quarter} />
    <TextInput prompt="&nbsp;" name="cc-exp-year" placeholder="YY" 
      onChange={this.handleInput} wrapUsing={Quarter} />
    <TextInput prompt="CVV" name="cc-cvv" placeholder="&#8226;&#8226;&#8226;"
    wrapUsing={Quarter} />
  </Block>
  <TextInput prompt="Cardholder Name" name="cc-name" value={this.state.nameOnCard} 
    onChange={this.handleInput} wrapUsing={FullRow} />
  <ButtonPrimaryBig onClick={this.handleClick}>
    <span id="payment-button-amount">Pay {this.state.currency}{this.state.amount}</span>
  </ButtonPrimaryBig>
</form>