1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / chinawholesale-frontend-next / src / components / pages / payment / includes /
Filename : PaymentMethods.jsx
back
import React from 'react'
import { Radio } from 'antd'
import Image from 'next/image'
import bkash from '@/assets/images/payment/bkash.png'
import { CiBank } from 'react-icons/ci'

const PaymentMethods = ({ active_bank_payment, payment_method, selectPaymentMethod }) => {

    return (
        <div className={'max-w-full mx-auto mb-4 grid grid-cols-1 lg:grid-cols-2 justify-start items-center gap-2'}>
            <div className={'col-span-1'}>
                <div
                    className={'p-2 border rounded shadow cursor-pointer hover:border-red-600 h-[130px] flex justify-center items-center'}
                    // loading={payMethodLoading && loadingType === 'bkash'}
                    onClick={() => selectPaymentMethod('bkash')}
                >
                    <Radio
                        value={'bkash'}
                        checked={payment_method === 'bkash'}
                        defaultChecked={payment_method === 'bkash'}
                        onChange={() => selectPaymentMethod('bkash')}
                    />
                    <Image src={bkash} height={110} alt={'bkash'} />
                </div>
            </div>
            {
                active_bank_payment > 0 &&
                <div className={'col-span-1'}>
                    <div
                        className={'p-2 border rounded shadow cursor-pointer hover:border-red-600 h-[130px] flex justify-center items-center'}
                        // loading={payMethodLoading && loadingType === 'bank'}
                        onClick={() => selectPaymentMethod('bank')}
                    >
                        <Radio
                            value={'bank'}
                            checked={payment_method === 'bank'}
                            defaultChecked={payment_method === 'bank'}
                            onChange={() => selectPaymentMethod('bank')}
                        />
                        <CiBank style={{ fontSize: '100px' }} />
                        <span style={{ fontSize: '60px' }}>Bank</span>
                    </div>
                </div>
            }
        </div>
    )
}

export default PaymentMethods