/* eslint-disable @typescript-eslint/no-explicit-any */


import styles from './trade-port.module.scss'
import TradePortfolioItem from '../TradePortfolio/TradePortfolioItem'

const TradePortfolioList = ({ portfolios }: any) => {
  return (
    <div className={styles.wrapper}>
      <div className={styles.table}>
        <div className={styles.header}>
          <span>Plan</span>
          <span>Amount</span>
          <span>ROI</span>
          <span>Status</span>
          <span>Time Left</span>
        </div>

        {portfolios.map((portfolio: any, index: any) => (
          <TradePortfolioItem key={index} portfolio={portfolio} />
        ))}
      </div>
    </div>
  )
}

export default TradePortfolioList