---
import type { KarKarCarSession } from "../api/index.ts";

interface Props {
  session: KarKarCarSession | null;
}

const { session } = Astro.props;
---

  {session && session.userData ? (
    <div class="text-gray-700">
      <h2 class="m-0 mb-4 text-slate-800">{session.user?.email}</h2>
      <div class="bg-white p-4 rounded shadow-sm">
        <p>Saldo: <strong>{session.userData.amount}€</strong></p>
      </div>
    </div>
  ) : (
    <></>
  )}