From 895b6045f783d8f6c39d2d7115613d7c7f3a1306 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 16 Aug 2021 16:04:32 +0200
Subject: [PATCH] Added statscard component

---
 src/lib/Statscard.svelte | 44 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/lib/Statscard.svelte

diff --git a/src/lib/Statscard.svelte b/src/lib/Statscard.svelte
new file mode 100644
index 0000000..d05432c
--- /dev/null
+++ b/src/lib/Statscard.svelte
@@ -0,0 +1,44 @@
+<script>
+    export let title = 'Title';
+    export let count = 0;
+</script>
+<div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-900">
+    <div
+        class="p-3 mr-4 text-red-500 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-500"
+    >
+        <svg width="24" height="24" fill="none" viewBox="0 0 24 24">
+            <path
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.5"
+                d="M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z"
+            />
+            <path
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.5"
+                d="M8 4.75V8.25"
+            />
+            <path
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.5"
+                d="M16 4.75V8.25"
+            />
+            <path
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.5"
+                d="M7.75 10.75H16.25"
+            />
+        </svg>
+    </div>
+    <div>
+        <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">{title}</p>
+        <p class="text-lg font-semibold text-gray-700 dark:text-gray-200">{count}</p>
+    </div>
+</div>
\ No newline at end of file