/* eslint-disable @typescript-eslint/no-explicit-any */
import styles from './dash-active-trade.module.scss'

const DashActivePlans = ({ trade }: any) => {
  const { name, amount, status } = trade
  return (
    <div className={styles['active__trade']}>
      <h4>{name}</h4>
      <h4>{amount.toLocaleString('en-US')}</h4>
      <h4
        className={
          styles[status === 'Completed' ? 'active__trade--active' : 'active__trade--on-going']
        }
      >
        {status}
      </h4>
      <div className={styles['active__trade--btn']}>Details</div>
    </div>
  )
}

export default DashActivePlans