From 6e51bf76565c94f1673441885cd4e093040ffd1a Mon Sep 17 00:00:00 2001
From: Oliver Akins <oliver.akins1999@gmail.com>
Date: Mon, 25 Jul 2022 21:37:31 -0600
Subject: [PATCH] Add a component for a player's hand

---
 web-svelte/src/components/PlayerHand.svelte | 29 +++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 web-svelte/src/components/PlayerHand.svelte

diff --git a/web-svelte/src/components/PlayerHand.svelte b/web-svelte/src/components/PlayerHand.svelte
new file mode 100644
index 0000000..5c72276
--- /dev/null
+++ b/web-svelte/src/components/PlayerHand.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+import Card from "./Card.svelte";
+import { hand } from "../stores";
+</script>
+
+
+<div id="hand">
+	{#each $hand as card (card.symbol)}
+		<Card
+			hidden="{false}"
+			{card}
+		/>
+	{/each}
+</div>
+
+
+<style lang="scss">
+#hand {
+	background: rgba(0,0,0, 0.6);
+	border-color: white;
+	border-radius: 15px;
+	border-style: solid;
+	border-width: 1px;
+	display: flex;
+	height: 100%;
+	justify-content: space-evenly;
+	width: 100%;
+}
+</style>
\ No newline at end of file