import React from 'react'
import styles from './recurringPayment.module.css'
import { BsTriangleFill, BsYoutube, BsCalendar2Date } from 'react-icons/bs'
import { RiHome7Fill } from 'react-icons/ri'

export default function Upcoming() {
  return (
    <div className={styles.recurringPayment}>
      <div className={styles.recurringPaymentTop}>
        <div className={styles.recurringPaymentTopLeft}>
          <RiHome7Fill
            className={styles.paymentIcon}
            size={50}
          />
          <div className={styles.paymentTitle}>2586 Rent</div>
        </div>
        <BsCalendar2Date
          className={styles.paymentIcon}
          size={50}
        />
      </div>
      <div className={styles.recurringPaymentBottom}>
        <div>Due in 7 days</div>
        <div>₹36,163 · monthly</div>
      </div>
    </div>
  )
}