import React from 'react'
import { IoMdArrowDropdown } from 'react-icons/io'

export default function SubscribePreviousCard() {

    return <>
        {/*<div className="row select-wrapper">*/}
        {/*    <div className="col-md-12 col-12 selects-contant">*/}
                <div className="row">
                    <div className="col-md-12 col-12 selects-contant">
                        <div className="card card-statistics">
                            <div className="card-header">
                                <div className="card-heading" style={{textAlign: 'left'}}>
                                    <h4 className="card-title">Pay with Previous Card</h4>
                                </div>
                            </div>
                            <div className="card-body">
                                <div className="position-relative form-group mb-0">
                                    <select className="js-basic-single form-control" name="state">
                                        <option value="AK">Visa xxxx xxxx xxxx 1234</option>
                                        <option value="HI">Mastercard xxxx xxxx xxxx 1234</option>
                                    </select>
                                    <IoMdArrowDropdown className='position-absolute w-auto' style={{top: '50%', right: '2px', transform: 'translateY(-50%)'}} />                                               
                                </div>
                            </div>
                        </div>
                    </div>

            {/*    </div>*/}
            {/*</div>*/}
        </div>


    </>

}