1 files changed, 31 insertions, 0 deletions
diff --git a/frontend/src/lib/statistics/Stat.svelte b/frontend/src/lib/statistics/Stat.svelte
new file mode 100644
index 0000000..7e03e09
--- /dev/null
+++ b/frontend/src/lib/statistics/Stat.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	interface Props {
+		title: string;
+		value: number;
+		precision?: number;
+		unit?: string;
+	}
+
+	let { title, value, precision = 0, unit = '' }: Props = $props();
+
+	function format(value: number) {
+		if (Number.isNaN(value) || !Number.isFinite(value)) {
+			return 0;
+		}
+
+		if (Number.isInteger(value)) {
+			return value;
+		} else {
+			return value.toFixed(precision);
+		}
+	}
+</script>
+
+<div class="flex flex-col">
+	<h2 class="text-lg font-medium">
+		{title}
+	</h2>
+	<span class="text-base font-medium">
+		{format(value)}{unit}
+	</span>
+</div>