---
import type { Account } from '@types';
// biome-ignore lint/correctness/noUnusedImports: formatCurrency is used in the template
import { formatCurrency } from '@utils/formatters';

interface Props {
  account: Account;
}
const { account } = Astro.props;
---

<div class="account-summary">
  <h4>Account Summary</h4>
  <p>
    Balance: <span id="account-balance"
      >{formatCurrency(Number(account.balance))}</span
    >
  </p>
</div>