import React from 'react'
import styles from './upcoming.module.css'
import { BsTriangleFill } from 'react-icons/bs'
import RecurringPayment from './RecurringPayment'

export default function Upcoming() {
  return (
    <div className={styles.main}>
      <div className={styles.summary}>
        <div className={styles.left}>
          <BsTriangleFill
            size={10}
            className={styles.arrow}
          />
          <div className={styles.text}>Upcoming</div>
        </div>
        <div className={styles.right}>₹36,163</div>
      </div>
      <RecurringPayment />
      <RecurringPayment />
    </div>
  )
}