30 lines
848 B
TypeScript
30 lines
848 B
TypeScript
|
|
||
|
|
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>
|
||
|
|
)
|
||
|
|
}
|