import React from 'react'
import styles from './bank.module.css'
import { FiCheck } from 'react-icons/fi';
import Image from 'next/image'

export default function Bank(props) {
  return (
    <div className={styles.bankBalance}>
      <div className={styles.left}>
        <div className={styles.checkHolder}>
          <FiCheck
            className={styles.check}
            size={15}
          />
        </div>
        <Image
          src={props.bankLogoSrc}
          alt={`${props.bankName} Logo`}
          className={styles.bankLogo}
          width={28}
          height={28}
          priority
        />
      </div>
      <div className={styles.accountBalance}>
        ₹{props.bankBalance}
      </div>
    </div>
  )
}