pussy-ts/src/containers/sigma/components/cardUi/DetailsBalance/RowItem.jsx

import { FormatNumberTokens } from 'src/components';
import styles from './styles.module.scss';

const iconObj = {
  liquid: '💧',
  frozen: '❄️',
  melting: '☀️',
  growth: '🎋',
  commission: '💫',
};

function RowItem({ text, value, cap }) {
  return (
    <div className={styles.containerRowItem}>
      <div className={styles.containerRowItemValueBalance}>
        <div className={styles.containerRowItemValueBalanceText}>
          {text} {iconObj[text] ? iconObj[text] : ''}
        </div>
        <div className={styles.containerRowItemValueBalanceValue}>
          <FormatNumberTokens value={value.amount} />
        </div>
      </div>
      <div className={styles.containerRowItemMarket}>
        <FormatNumberTokens value={cap.amount} text={cap.denom} />
      </div>
    </div>
  );
}

export default RowItem;