---
import TransactionTable from './TransactionTable.tsx';
import type { Account } from '../types';

interface Props {
  account: Account;
}

const { account } = Astro.props;
---
<main class="main-content">
    <header class="main-header">
         <h1>Transactions for <span id="current-account-name">{account.name} (***{account.last4})</span></h1>
    </header>
    <TransactionTable client:load />
</main>