hamid zarghami
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import { FC } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Input from '../../../components/Input'
|
|
import UploadBox from '../../../components/UploadBox'
|
|
import Button from '../../../components/Button'
|
|
|
|
const CardtoCard: FC = () => {
|
|
|
|
const { t } = useTranslation('global')
|
|
|
|
return (
|
|
<div className='mt-8 bg-white p-8 rounded-3xl'>
|
|
<div>
|
|
{t('wallet.card_to_card')}
|
|
</div>
|
|
|
|
<div className='mt-8'>
|
|
<Input
|
|
label={t('wallet.amount')}
|
|
placeholder={t('wallet.enter_amount_card')}
|
|
/>
|
|
</div>
|
|
|
|
<div className='mt-8'>
|
|
<UploadBox
|
|
label={t('wallet.upload_deposit_slip')}
|
|
/>
|
|
</div>
|
|
|
|
<div className='mt-10 flex justify-end'>
|
|
<Button
|
|
label={t('wallet.submit_slip')}
|
|
className='w-[180px]'
|
|
/>
|
|
</div>
|
|
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CardtoCard |