---
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.accountNumber.slice(-3)})</span>
    </h1>
  </header>
  <TransactionTable client:load />
</main>