Component styles

src/components/UserInfo.astro

@@ -0,0 +1,22 @@
+---
+import type { KarKarCarSession } from "../api/index.ts";
+
+interface Props {
+  session: KarKarCarSession | null;
+}
+
+const { session } = Astro.props;
+---
+
+<div class="p-4 rounded-lg bg-gray-100 my-4">
+  {session ? (
+    <div class="text-gray-700">
+      <h2 class="m-0 mb-4 text-slate-800">{session.user?.name} | {session.user?.email}</h2>
+      <div class="bg-white p-4 rounded shadow-sm">
+        <p>Zure saldoa: {session.userData.amount}</p>
+      </div>
+    </div>
+  ) : (
+    <p class="text-gray-600 italic">Sartu zure kontua</p>
+  )}
+</div>