From d1d654ebac2d51e3841675faeb56480e440f622f Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Tue, 5 Mar 2024 18:08:09 +0100
Subject: Initial commit

---
 frontend/src/lib/icons/Star.svelte | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 frontend/src/lib/icons/Star.svelte

(limited to 'frontend/src/lib/icons/Star.svelte')

diff --git a/frontend/src/lib/icons/Star.svelte b/frontend/src/lib/icons/Star.svelte
new file mode 100644
index 0000000..7613c55
--- /dev/null
+++ b/frontend/src/lib/icons/Star.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	export let large = false;
+	export let favourite: boolean | undefined = undefined;
+	export let hoverable = false;
+</script>
+
+{#if favourite}
+	<span class:hoverable class:large class="icon-yellow icon-[material-symbols--star-rounded]" />
+{:else}
+	<span
+		class:hoverable
+		class:large
+		class="icon-yellow dim icon-[material-symbols--star-outline-rounded]"
+	/>
+{/if}
+
+<style lang="postcss">
+	span {
+		@apply -m-px -translate-y-px text-[26px];
+	}
+
+	span.large {
+		@apply text-[34px];
+	}
+</style>
-- 
cgit v1.2.3-2-gb3c3

