1 files changed, 20 insertions, 0 deletions
diff --git a/client/src/components/LeaderBoardCard.svelte b/client/src/components/LeaderBoardCard.svelte
new file mode 100644
index 0000000..446d734
--- /dev/null
+++ b/client/src/components/LeaderBoardCard.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { type LeaderBoardEntry } from "../../lib/interfaces";
+
+  export let entry: LeaderBoardEntry = {
+    name: "simponic",
+    score: 100,
+  };
+</script>
+
+<div class="entry">
+  <span class="name">{entry.name}</span>
+  <span class="score">{entry.score}</span>
+</div>
+
+<style>
+  .entry {
+    display: flex;
+    justify-content: space-between;
+  }
+</style>