import { Accounts } from "../Accounts";
import { TransactionItem } from "../TransactionItem/Index";
import styles from "./transactions.module.css";
export const Transactions = ({ container }) => {
const dados = {
transacoes: [
{
description: "iFood",
value: -20,
date: "2024-10-01T00:00:00-03:00",
},
{
description: "Papelaria Mila",
value: -80,
date: "2024-10-03T00:00:00-03:00",
},
{
description: "Freela (2ª parte)",
value: 1000,
date: "2024-10-03T00:00:00-03:00",
},
{
description: "Magazine Luiza",
value: -300,
date: "2024-10-05T00:00:00-03:00",
},
],
contas: [
{ bank: "Anybank", balance: 1200 },
{ bank: "Bytebank", balance: 800 },
{ bank: "Switch Bank", balance: 1800 },
],
};
if (container == 1) {
return (
<>
<ul className={styles.list}>
{dados.transacoes.map((transactionItem, index) => {
return (
<li key={index}>
<TransactionItem item={transactionItem} />
</li>
);
})}
</ul>
</>
);
} else if (container == 2) {
return (
<>
<ul className={styles.list}>
{dados.contas.map((accounts, index) => {
return (
<li key={index}>
<Accounts item={accounts} />
</li>
);
})}
</ul>
</>
);
}
};
