import { Paper, Text } from "@mantine/core";
import type { Portfolio } from "@/entities/portfolio";
import { formatMoney } from "@/entities/portfolio";
import classes from "../AccountPage.module.css";

export function CashBalances({
	balances,
}: {
	balances: Portfolio["cashBalances"];
}) {
	return (
		<>
			{balances.map((balance) => (
				<Paper className={classes.cash} key={balance.currency} withBorder>
					<Text>{balance.currency}</Text>
					<Text fw={700}>{formatMoney(balance)}</Text>
				</Paper>
			))}
		</>
	);
}