---
import type { Account } from '../types';
import { formatCurrency } from '../utils';

interface Props {
  account: Account;
}
const { account } = Astro.props;
---
<div class="account-summary">
     <h4>Account Summary</h4>
     <p>Balance: <span id="account-balance">{formatCurrency(account.balance)}</span></p>
</div>