import React from 'react'
import { ATextField } from '../../../../form-fields/form-field.component'
import referralImage from './images/send.png'
const ReferralCodeCard = ({ text, onTextChange, ...props}) => {

    return (
        <fieldset className="mt-4">
            <h2 className="fieldset-title">Referral code</h2>
            <img src={referralImage} className="img-fluid mb-3" alt="not-available"/>
            <div className="form-row">
                <div className="form-group col-md-12">
                    <ATextField label="" placeholder="Enter Referral code" name="SubsCode" type="text" 
                        handlechange={onTextChange} value={text}
                    />
                </div>
               
            </div>        
        </fieldset>
    )
}

export default ReferralCodeCard