From 112df6f6ecc917ac0371bd3fec1949fee6e73c3d Mon Sep 17 00:00:00 2001
From: Norbert Maciaszek <norbert@ambiscale.com>
Date: Mon, 17 Nov 2025 20:07:56 +0100
Subject: [PATCH] feat: add Badge component

---
 src/lib/components/atoms/Badge.svelte | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 src/lib/components/atoms/Badge.svelte

diff --git a/src/lib/components/atoms/Badge.svelte b/src/lib/components/atoms/Badge.svelte
new file mode 100644
index 0000000..5dc8519
--- /dev/null
+++ b/src/lib/components/atoms/Badge.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	type Props = {
+		children: Snippet;
+		disabled?: boolean;
+	};
+
+	let { children, disabled = false }: Props = $props();
+</script>
+
+<span
+	class="rounded-lg bg-amber-300 px-3 py-1 text-xs font-medium text-gray-800 transition-all duration-200 ease-in-out hover:bg-amber-400"
+>
+	{@render children()}
+</span>