From f6223ae9fa20e67bbceccb04401c0434e55bafca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20F=C3=B6rtsch?= <mail@felixfoertsch.de>
Date: Thu, 12 Mar 2026 20:50:33 +0100
Subject: [PATCH] add bingo display component

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../client/src/components/bingo-display.tsx    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 packages/client/src/components/bingo-display.tsx

diff --git a/packages/client/src/components/bingo-display.tsx b/packages/client/src/components/bingo-display.tsx
new file mode 100644
index 0000000..4efe8cf
--- /dev/null
+++ b/packages/client/src/components/bingo-display.tsx
@@ -0,0 +1,18 @@
+interface BingoDisplayProps {
+	announcements: { playerId: string; displayName: string }[]
+}
+
+export function BingoDisplay({ announcements }: BingoDisplayProps) {
+	if (announcements.length === 0) return null
+
+	return (
+		<div className="flex flex-col items-center gap-2">
+			<p className="text-sm font-medium text-muted-foreground">Bingo Winners</p>
+			{announcements.map((a, i) => (
+				<p key={`${a.playerId}-${i}`} className="text-lg font-bold text-green-600">
+					{a.displayName} got BINGO!
+				</p>
+			))}
+		</div>
+	)
+}